Component: Video ( Indicator): Difference between revisions
m Text replacement - "class="wikitable" style="width:60%; background-color:#FFFFFF;"" to "class="mtx-class-macrotable wikitable"" |
m Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;" align="center"" to "width="10%" align="center" class="mtx-class-macrohead"" |
||
| Line 45: | Line 45: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''AttachToDevice''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''AttachToDevice''' | ||
|- | |- | ||
| Line 64: | Line 64: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetImage''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetImage''' | ||
|- | |- | ||
| Line 78: | Line 78: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetRecording''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetRecording''' | ||
|- | |- | ||
| Line 92: | Line 92: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''HasMedia''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''HasMedia''' | ||
|- | |- | ||
| Line 106: | Line 106: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''IsPlaying''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''IsPlaying''' | ||
|- | |- | ||
| Line 120: | Line 120: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''JumpBy''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''JumpBy''' | ||
|- | |- | ||
| Line 139: | Line 139: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''JumpTo''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''JumpTo''' | ||
|- | |- | ||
| Line 158: | Line 158: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Load''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Load''' | ||
|- | |- | ||
| Line 177: | Line 177: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Pause''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Pause''' | ||
|- | |- | ||
| Line 191: | Line 191: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Play''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Play''' | ||
|- | |- | ||
| Line 205: | Line 205: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''StartRecording''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''StartRecording''' | ||
|- | |- | ||
| Line 219: | Line 219: | ||
{| class="mtx-class-macrotable wikitable" | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''StopRecording''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''StopRecording''' | ||
|- | |- | ||
Revision as of 14:17, 13 July 2026
| Author | MatrixTSL |
| Version | 1.0 |
| Category | Indicator |
Video component
Web-based video component.
Detailed description
The Video component creates a media player which supports video playback into your Web App.
It can also be attached to a local camera feed, allowing images and video recordings to be made.
Examples
Playing videos
This simple example plays a selection of videos.
The web app created by this example can be viewed here: Video Player Example
Taking pictures and videos with a web cam
This example attached to a web camera and allows still images and short videos to be taken and downloaded.
The web app created by this example can be viewed here: Web Camera Example
Macro reference
AttachToDevice
|
AttachToDevice |
| Requests permission to use a camera feed. | |
 - BOOL
|
IncludeAudio |
| Captures the audio of the camera (if available) | |
 - VOID
|
Return |
GetImage
|
|
GetImage |
| Captures a still image from the video. | |
 - STRING
|
Return |
GetRecording
|
|
GetRecording |
| Returns the recorded data | |
| - STRING
|
Return |
HasMedia
|
|
HasMedia |
| The media is currently available | |
| - BOOL
|
Return |
IsPlaying
|
|
IsPlaying |
| The media is currently playing | |
| - BOOL
|
Return |
JumpBy
|
|
JumpBy |
| Seeks the media to a new position relative to the current position | |
 - FLOAT
|
Offset |
| The position offset of the media (in seconds) | |
| - VOID
|
Return |
JumpTo
|
|
JumpTo |
| Sseeks the media to the new time | |
| - FLOAT
|
Position |
| The position in the media (in seconds) | |
| - VOID
|
Return |
Load
|
|
Load |
| Loads new media (or resets the current media if the parameter is blank) | |
| - STRING
|
Source |
| The source URL for the media (use empty string to keep use current media) | |
| - VOID
|
Return |
Pause
|
|
Pause |
| Pauses the media | |
| - VOID
|
Return |
Play
|
|
Play |
| Starts or resumes playing the media | |
| - VOID
|
Return |
StartRecording
|
|
StartRecording |
| Starts recording the media | |
| - VOID
|
Return |
StopRecording
|
|
StopRecording |
| Stops recording the media | |
| - VOID
|
Return |
Property reference
|
Properties |
|
Video |
|
Source |
| The URL of the source media | |
|
|
Type |
| The MIME type of the media (leave blank for auto) | |
|
Thumbnail |
| Set an optional image to be shown before the video loads/plays | |
|
|
Options |
|
|
Muted |
| Set true to mute the audio from the resource | |
|
|
Loop |
| Set true to automatically seek to the start of the media once it has reached the end | |
|
|
Show Controls |
| Shows or hides the default set of controls (e.g. pause/resume, volume, seeking) | |
|
|
Autoplay |
| Automatically begin to play the media as soon as it is available | |
|
|
Callbacks |
|
OnAttached |
| Send when a camera feed is attached to this component | |
|
|
Advanced |
|
|
Custom Attributes |
Component Source Code
Please click here to download the component source project: FC_Comp_Source_WEBEXP_Video.fcsx
Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_Video.fcsx