Get Started Guide Closed Captions and Interactive Transcripts

Transcription

1 Get Started Guide Closed Captions and Interactive Transcripts

2 Last updated August, Overview 3Play Media has a complete integration with Brightcove. From your 3Play Media account you can import and process your Brightcove files. The Brightcove player can be set up to communicate with the 3Play Media system and to display closed captions, subtitles, or an interactive transcript. You can monitor the status of your files from your 3Play Media account. Follow the steps below to get started. Step 1 Link Your 3Play Media Account with your Brightcove Account 1. Log into your Brightcove account and navigate to Account Settings > API Management. If you do not see this option, you may need to upgrade your service with Brightcove. 2. Find the read API token with URL Access. Click the button Copy the token to the clipboard under the Manage column. 3. Log into your 3Play Media account at If you do not have an account, please contact sales@3playmedia.com or call (617) to set up a new account. 4. Navigate to Upload > Import From Linked Accounts > Brightcove.

3 Last updated August, Enter your read with URL Access API token and click Link Brightcove Account. Videos from your Brightcove account will be displayed on the page.

4 Last updated August, Step 2 Import and Process Your Brightcove Videos 1. After linking your 3Play Media account with Brightcove, click the button "Process Video" to import and process the video. Metadata for the file, such as title and Video ID, will be imported as well. Videos that have already been processed will show up with "Imported" status. 2. Specify the folder to upload to and turnaround requirement. Standard turnaround is 4 business days. Rush Service is 1 business day. 3. You can track job status in the My Files page of your 3Play Media account.

5 Last updated August, Step 3 (to add closed captions) Create a Brightcove Player with Caption Support In order to add closed captions to your videos, you first need to set up a Brightcove player with captioning functionality. This is a one time setup process. 1. In your Brightcove account, navigate to the Publishing tab and create a new Player. 2. From the Template dropdown, select the Accessible Video Player. 3. On the Global tab of the player Settings, check the box Enable ActionScript/JavaScript APIs.

6 Last updated August, Click on the Plug Ins tab of the player settings to add the Brightcove captions swf. In the URL field, enter: 5. Click Save Changes. 6. Create a custom metadata field that the player will reference when pulling up the captions for each video. Go back to your Account Homepage and click on the Account Settings. Select the Video Fields tab and create a new text field. You can call the Display Name anything you like, but make sure that the Internal Name is dfxppath.

7 Last updated August, Step 4 (to add closed captions) Add a Caption File to a Video 1. Log in to your 3Play Media account and go to the My Files page. Then click on the Publish tab to the right to select the Preview Captions link. 2. Scroll down to find the DFXP format and copy the URL given. 3. Go back to your Brightcove Media Library and select the video that you will be adding captions to. Click on the Edit button to change the properties. 4. Click on the Custom Fields tab on the top right. You should see the custom metadata field that you created. In that field, paste the URL to the DFXP caption file for that video. 5. Click Save Changes. Now you can publish your video!

8 Last updated August, Adding Interactive Transcripts Installing an interactive transcript plugin on your website allows users to navigate, search, and interact with your media. The plugin can be embedded on any website with the Brightcove player simply by inserting a snippet of code (3Play Media hosts the transcript content). The size and styling can easily be customized to conform to any site. Learn more about interactive transcripts.

9 Last updated August, Embed Code The following embed code is an example of the code that should be added to your site with the Brightcove Player to allow the 3Play Media Interactive Transcript Plugin to work properly. Be sure to enable the Javascript API in your Brightcove Player. To do this, log in to your Brightcove account, and go to Select the player you want to use for publishing, and hit "Settings". Under the "Global" menu, make sure the box is checked next to "Enable ActionScript/JavaScript APIs". Be sure to include the BrightcoveExperiences_all.js file in your embed. This is not always included by default. This is the file that initializes the communication between the 3Play plugins (P3) and the Brightcove player. <div id="videocontainer"> <!-- By use of this code snippet, I agree to the Brightcove Publisher T and C found at --> <script language="javascript" type="text/javascript" src=" <object id="myexperience{my EXPERIENCE ID}" class="brightcoveexperience"> <param name="bgcolor" value="#ffffff" /> <param name="width" value="360" /> <param name="height" value="240" /> <param name="playerid" value="{my PLAYER ID}" /> <param name="publisherid" value="{my PUBLISHER ID}"/> <param name="isvid" value="true" /> <param name="isui" value="true" /> <param name="dynamicstreaming" value="true" /> </object> <!-- This script tag will cause the Brightcove Players defined above it to be created as soon as the line is read by the browser. If you wish to have the player instantiated only after the rest of the HTML is processed and the page load is complete, remove the line. --> <script type="text/javascript"> brightcove.createexperiences(); </script> <!-- End of Brightcove Player --> </div> <p3-transcript file_id="{brightcove VIDEOID}" skin="frost" height="360" width="360" can_clip="true"> </p3-transcript> <div id="p3-root"></div> <script> window.p3asyncinit = function() { P3.init({api_key: '{MY 3PLAY APIKEY}', platform_integration: true}); }; (function() { var e = document.createelement('script'); e.async = true; e.id = "P3.PluginSrc"; e.src = document.location.protocol + '//account.3playmedia.com/javascripts/p3.js'; document.getelementbyid('p3-root').appendchild(e); }()); </script>

10 Last updated August, Enabling Social Video Clipping The video clipping feature lets you quickly create and share a section of a video simply by highlighting the spoken words in the transcript. Clicking the share button generates a unique link that includes the video start and stop information so that it can be ed or shared. Learn more about video clipping. Clipping is active by default and is controlled by the can_clip attribute within the p3 transcript tag, which can be set to true or false. Your 3Play Media User Account Your 3Play Media user account lets you upload and manage files, specify turnaround time and transcription settings, monitor job status, output transcript and closed caption files in variety of formats, edit your transcripts and captions after they have been processed, publish an interactive transcript, and create video clips by highlighting text. About 3Play Media 3Play Media was founded by four MIT graduate students. Drawing on research from the MIT Spoken Language Systems Group, they developed a new process that delivers highly accurate transcripts and closed captions at very cost effective prices. 3Play Media s offices are located in Cambridge, MA and all work is done in the USA by native English speakers.