Adding real-time/live captions to your meetings, social media videos or streams is easy with CaptionSync. In this article, we describe how to embed a StreamText live feed of captions into real-time video streams, like Facebook or Periscope, and also how to overlay a StreamText live feed of captions on top of real-time video streams.
Embedding the captions into a live stream:
StreamText is a text platform that delivers real-time/live captions, and can be accessed by users either as a single web page or embedded into live streams. The StreamText live feed of captions can be embedded into a web page, along with the live stream player, using an iframe that can be configured to various sizes, colors, etc. E.g.:
<iframe id="stFrame" src="//www.streamtext.net/player/?event=IHaveADream&chat=false" style="width:400px;height:500px"> </iframe>
See below how the embedded StreamText player looks in a couple of live video platforms (Facebook and Periscope). The StreamText caption player can be used with virtually any online video, browser and almost any device. More information about using StreamText's caption player embedded can be found in their Embedding and integrating StreamText into your webpages Support section.
Facebook live stream
- First, ensure the video you want to live caption is public and not age-restricted.
- Click the small icon that appears in the top-right corner, when you are playing a video:
- Choose Embed Video, and copy the iframe code into your website. More useful information about embedding Facebook videos is provided in the following articles: Embedded Video & Live Video Player and How to Embed Facebook Live Videos.
- Below the Facebook video, you can add the Live Captioning box. You just need to add an iframe to your website, containing the URL to the Live Captioning stream.
Example:
<iframe id="stFrame" src="//www.streamtext.net/player/?event=LiveCaptioningwithAST&chat=false&header=false&footer=false&ff=Helvetica%20Neue&indicator=false" style="width:600px;height:300px"> </iframe>
More information about embedding the Live Captioning stream into your website is available in this article about embedding streaming text into your web pages.
- The webpage will look like:
- You can see an example of a live captioned Facebook video in our article about Examples of Facebook and Periscope Live Captioning.
Periscope live stream
- Open the Twitter feed for the owner of the Periscope stream. Under that event, click More (three dots), and choose Embed Tweet:
- Copy the Embed code to your website. More useful information about embedding Periscope videos is provided in the following articles: Periscope Embeds on the web and Periscope Embeds.
- Below the Periscope stream, you can add the Live Captioning box. You just need to add an iframe to your website, containing the URL to the Live Captioning stream.
Example:
<iframe id="stFrame" src="//www.streamtext.net/player/?event=LiveCaptioningwithAST&chat=false&header=false&footer=false&ff=Helvetica%20Neue&indicator=false" style="width:600px;height:300px"> </iframe>
More information about embedding the Live Captioning stream into your website is available in this article about embedding streaming text into your web pages.
- The webpage will look like:
- You can see an example of a live captioned Periscope video in our article about Examples of Facebook and Periscope Live Captioning.
Overlaying the captions on top of a live stream:
StreamText has an app called StreamCast which allows captions to overlay a live stream/video. With StreamCast, the caption window position can be customized to top, bottom, center, etc. More information is available in StreamText's StreamCast instructions and overview article.
Additional Notes:
- For more information on how to place Live Captioning requests for your events, check out our article on How to request Live Captioning.
- StreamText can also be accessed by users as a single web page.
- More information about using StreamText to view live captions is available in StreamText's Solutions web page and also their Support Center.
- As an alternative to using a separate StreamText feed, we can provide native captioning, if the requester uses either a hardware or software encoder, such as the ones from EEG (usually rented or purchased from the encoder vendor). The captions are then embedded into the video feed on YouTube or Facebook.
- You can also choose to stream a Zoom webinar or meeting live on Facebook or YouTube along with captions. This allows your viewers to watch the live captions on both Facebook and YouTube, but note that captions can only be turned on/off in Zoom. More information is available in Zoom's Facebook Live and YouTube Live tutorials.
Comments
0 comments
Please sign in to leave a comment.