Difference between revisions of "Component: Video ( Indicator)"

From Flowcode Help
Jump to navigationJump to search
 
(One intermediate revision by the same user not shown)
Line 13: Line 13:
  
 
==Video component==
 
==Video component==
Web-based video component
+
Web-based video component.
 +
 
  
 
==Detailed description==
 
==Detailed description==
Line 20: Line 21:
  
 
It can also be attached to a local camera feed, allowing images and video recordings to be made.
 
It can also be attached to a local camera feed, allowing images and video recordings to be made.
 +
  
 
==Examples==
 
==Examples==
 +
 +
===Playing videos===
 +
This simple example plays a selection of videos.
 +
 +
{{Fcfile|VideoPlayer.fcweb|VideoPlayer.fcweb}}
 +
 +
The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/VideoPlayer.html Video Player Example]
 +
  
 
===Taking pictures and videos with a web cam===
 
===Taking pictures and videos with a web cam===

Latest revision as of 16:06, 26 June 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.

FC6 Icon.png VideoPlayer.fcweb

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.

FC6 Icon.png WebCameraExample.fcweb

The web app created by this example can be viewed here: Web Camera Example

Macro reference

AttachToDevice

Fc9-comp-macro.png AttachToDevice
Requests permission to use a camera feed. 
Fc9-bool-icon.png - BOOL IncludeAudio
Captures the audio of the camera (if available) 
Fc9-void-icon.png - VOID Return


GetImage

Fc9-comp-macro.png GetImage
Captures a still image from the video. 
Fc9-string-icon.png - STRING Return


GetRecording

Fc9-comp-macro.png GetRecording
Returns the recorded data 
Fc9-string-icon.png - STRING Return


HasMedia

Fc9-comp-macro.png HasMedia
The media is currently available 
Fc9-bool-icon.png - BOOL Return


IsPlaying

Fc9-comp-macro.png IsPlaying
The media is currently playing 
Fc9-bool-icon.png - BOOL Return


JumpBy

Fc9-comp-macro.png JumpBy
Seeks the media to a new position relative to the current position 
Fc9-f32-icon.png - FLOAT Offset
The position offset of the media (in seconds) 
Fc9-void-icon.png - VOID Return


JumpTo

Fc9-comp-macro.png JumpTo
Sseeks the media to the new time 
Fc9-f32-icon.png - FLOAT Position
The position in the media (in seconds) 
Fc9-void-icon.png - VOID Return


Load

Fc9-comp-macro.png Load
Loads new media (or resets the current media if the parameter is blank) 
Fc9-string-icon.png - STRING Source
The source URL for the media (use empty string to keep use current media) 
Fc9-void-icon.png - VOID Return


Pause

Fc9-comp-macro.png Pause
Pauses the media 
Fc9-void-icon.png - VOID Return


Play

Fc9-comp-macro.png Play
Starts or resumes playing the media 
Fc9-void-icon.png - VOID Return


StartRecording

Fc9-comp-macro.png StartRecording
Starts recording the media 
Fc9-void-icon.png - VOID Return


StopRecording

Fc9-comp-macro.png StopRecording
Stops recording the media 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Video
Fc9-type-10-icon.png Source
The URL of the source media 
Fc9-type-10-icon.png Type
The MIME type of the media (leave blank for auto) 
Fc9-type-7-icon.png Thumbnail
Set an optional image to be shown before the video loads/plays 
Fc9-conn-icon.png Options
Fc9-type-7-icon.png Muted
Set true to mute the audio from the resource 
Fc9-type-7-icon.png Loop
Set true to automatically seek to the start of the media once it has reached the end 
Fc9-type-7-icon.png Show Controls
Shows or hides the default set of controls (e.g. pause/resume, volume, seeking) 
Fc9-type-7-icon.png Autoplay
Automatically begin to play the media as soon as it is available 
Fc9-conn-icon.png Callbacks
Fc9-type-24-icon.png OnAttached
Send when a camera feed is attached to this component 
Fc9-conn-icon.png Advanced
Fc9-type-10-icon.png 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