Documents
Integration with Brightcove


Brightcove is based on video.js thus making the integration very similar. First add Teltoo’s HTML5 SDK (teltoo.js) and the video adapter that we provide to integrate with video.js (teltoo-contrib-hls.min.js). Include your API Key with the SDK script.

<body>
<!-- Include video.js script -->
<script src="//TS_HOST/videojs-teltoo/video.js"></script>

<!-- Include Teltoo SDK and the adapter for video.js and HLS -->
<script src="//scripts.aws.teltoo.com/teltoo.js" data-teltoo-apikey="YOUR_API_KEY"></script>
<script src="//scripts.aws.teltoo.com/videojs-teltoo/teltoo-contrib-hls.min.js"></script>
</body>

Remember to replace YOUR_API_KEY with your API Key.  You can access your account and copy it from the “Control Panel” section.

Next, use the Advanced embed option when including the video player on your page. By using this option, Teltoo’s video adapter will detect the player and activate the P2P technology for the streams whose playlist/manifest files (.mpd/.m3u8) you configure in the Control Panel.

Example

Find below an example:

<html>
    <head>...</head>

<body>
<script src="//scripts.aws.teltoo.com/teltoo.js" data-teltoo-api-key="YOUR_API_KEY"></script>
<script src="//scripts.aws.teltoo.com/videojs-teltoo/teltoo-contrib-hls.min.js"></script>

<video-js data-account="6-----------1" data-player="default" data-embed="default" controls="" data-video-id="6----------1" data-playlist-id="" data-application-id="" width="960" height="540"></video-js> 
<script src="https://players.brightcove.net/6-----------1/default_default/index.min.js"></script>

</body>
</html>



Want to know more?

Talk to an expert