Brightcove Documentation.html - pabloviquez/docutest GitHub Wiki
Starkey Foundation - Starkey Video : Brightcove Documentation
This page last changed on Apr 02, 2014 by pviquez.
Main Navigation
Home - Discovery & Architectur- e
Development Menu
Expression Engine Core Changes
Notes & Development priorities
Starkey Social Networks Accounts
Read: 6owReW_128dvmlIC0-WRXe7-lp0PTOmq-dw08zRHSbXLd1-Ie9biMw..
Write: 6owReW_128e246fdtjFeXlx4lpCYJ7WVZNcrkynoOUSFF-DISSSN8g..
URL: http://my.brightcove.com/
USR: [email protected]
PWD: Possible
Please read this
Please make sure you follow these simple rules:
- Only modify videos we have uploaded. Those videos can be identified easily because they have the prefix "SHF_" on their name
- If you upload a new video, you must name it with the prefix
SHF_, so for example if the video title is Mumu Celebration, the video final title must beSHF_Mumu Celebration
And if the above fails... you can always go to the source: Google Search Results
Mostly that the cuepoints ARE GLOBAL that's, if you save 3 cue points in the Mumu Video, it will remove the previous ones and replace them with the new ones.
So for example, if you add 2 cue points using the QA environment: 0:22, 0:45, and later using a DEV environment you save another episode using the same Brightcove video, the cue points in Brightcove will be replaced with the ones from your DEV environment and later in QA they won't work.
Simple, pick a video different to QA or if you want I can upload videos using the prefix "SHF-TEST-xxxx" so, you can pick one of them.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Brightcove Video Player Example</title>
</head>
<body>
<!-- Start of Brightcove Player -->
<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>
<object id="myExperience2719858622001" class="BrightcoveExperience">
<param name="bgcolor" value="#FFFFFF" />
<param name="width" value="480" />
<param name="height" value="270" />
<param name="playerID" value="2777804402001" />
<param name="playerKey" value="AQ~~,AAACVYEcY0k~,CU-Js68bEyxDcViYdJNrmKsBnhgUZbZt" />
<param name="isVid" value="true" />
<param name="isUI" value="true" />
<param name="dynamicStreaming" value="true" />
<!-- Smart player api params -->
<param name="includeAPI" value="true" />
<param name="templateLoadHandler" value="BCDemo.Demo.onTemplateLoaded" />
<param name="templateReadyHandler" value="BCDemo.Demo.onTemplateReady" />
<!-- Video ID -->
<param name="@videoPlayer" value="2719858622001" />
</object>
<!-- End of Brightcove Player -->
<p><a href="#" id="playnow_link">Play / Stop Now</a></p>
<!-- Custom Functionality -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
/**
* This functionality should be moved to a JS file, however it was placed here
* for demo purposes
* @author Pablo Viquez <[email protected]>
*/
;var BCDemo = BCDemo || {};
/**
* @description BCDemo Demo Class
* @param jQuery $
* @param DOMElement window
* @param undefined undefined
*/
BCDemo.Demo = (function ($, window, undefined) {
/**
* @description Video player reference
* @private
*/
var _player;
var _videoPlayer;
var _APIModules;
/**
* @description Initialize the video player and all page handlers
* @private
* @return void
*/
var _init = function() {
window.brightcove.createExperiences();
$("a#playnow_link").click(_playStopVideoPlayer);
};
/**
* @description All the data for player and API have been received by the
* browser, and you can now get references to the overall player
* (the BrightcoveExperience) — the player has not been fully
* set up, though, and if you try to invoke any methods on it
* at this point, you are setting up a racing condition
* @private
* @param int experienceId
* @return void
*/
var _onTemplateLoaded = function(experienceId) {
_player = brightcove.api.getExperience(experienceId);
_APIModules = brightcove.api.modules.APIModules;
};
/**
* @description The player has now been fully instantiated and is ready to
* interact with via the API — you should only call methods of
* the API modules after the template ready event has fired
* @private
* @param event event
* @return void
*/
var _onTemplateReady = function(event) {
_videoPlayer = _player.getModule(_APIModules.VIDEO_PLAYER);
console.log(event, '_onTemplateReady');
};
/**
* @description Play / Pause now functionality.
* @return bool
*/
var _playStopVideoPlayer = function() {
console.log(_videoPlayer, '_playStopVideoPlayer');
_videoPlayer.getIsPlaying(function(result){
if (result) {
_videoPlayer.pause();
} else {
_videoPlayer.play();
}
});
return false;
}
return {
/**
* @description Initialize the video player and all page handlers
* @public
* @return void
*/
init : _init,
/**
* @description Teamplate loaded event handler
* @public
*/
onTemplateLoaded : _onTemplateLoaded,
/**
* @description Teamplate ready event handler
* @public
*/
onTemplateReady : _onTemplateReady
};
})(jQuery, this);
//Lets init the class
$(BCDemo.Demo.init());
</script>
</body>
</html>
In This Page
- Brightcove Notes & Documentation
- Brightcove Media API Keys
- Login & Authentication
- JS API Documentation
- Cuepoint Information
- What's a cuepoint?
- What is important to know?
- What should I do?
- Video Player JS Example
Site Map
cuepoint_def.png (image/png)
Document generated by Confluence on Sep 16, 2014 14:12