Skip to main content
Brightcove video event handling is way to capture the video events and perform some operations on occurrence of that event.


AlertNote: Brightcove API services does not work on local environment (for example: direct browsing of page) so you have to host the website on IIS.




Here are the steps to include video on page and capture the events and perform some action on event occurrence.

Open any HTML page and write the mentioned javascript code in head section.

Javascript Section

<script type="text/javascript">
         var player;
         var modVP;
         var modExp;
         var modCon;   
    
         function myTemplateLoaded(experienceID) {            
             player = brightcove.api.getExperience(experienceID);
             modVP = player.getModule(brightcove.api.modules.APIModules.VIDEO_PLAYER);
             modExp = player.getModule(brightcove.api.modules.APIModules.EXPERIENCE);
             modCon = player.getModule(brightcove.api.modules.APIModules.CONTENT);
             modExp.addEventListener(brightcove.api.events.ExperienceEvent.TEMPLATE_READY, onTemplateReady);
         }

         function onTemplateReady(evt) {        
             modVP.addEventListener(brightcove.api.events.MediaEvent.BEGIN, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.CHANGE, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.COMPLETE, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.ERROR, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.PLAY, onMediaEventFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.PROGRESS, onMediaProgressFired);
             modVP.addEventListener(brightcove.api.events.MediaEvent.STOP, onMediaEventFired);
         }


         function onMediaEventFired(evt) {
             alert(evt.type);
             if (evt.type === brightcove.api.events.MediaEvent.BEGIN) {
                 alert('Here Video Begins!!');
             }
         }
    </script>


Body Section


<div style="display: none"></div>

    <script language="JavaScript" type="text/javascript"src="http://admin.brightcove.com/js/BrightcoveExperiences.js">       
    </script>
    <object id="myExperience2128824061001"class="BrightcoveExperience">
        <param name="bgcolor" value="#FFFFFF" />
        <param name="width" value="480" />
        <param name="height" value="270" />
        <param name="playerID" value="PLAYED_ID" />
        <param name="playerKey" value="AQ~~,AAABywrPJyk~,MP34hwWOTrN8Z6UocoZHuAZdr8inViSF"/>
        <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="Test" />

        <param name="templateLoadHandler"value="myTemplateLoaded" />
        <param name="templateReadyHandler"value="onTemplateReady" />

        <param name="@videoPlayer" value="VIDEO_ID" />
    </object>

Comments

Popular posts from this blog

Cannot alter the login 'sa', because it does not exist or you do not have permission.

Working on projects, it can happen that 'sa' account gets locked. If it is on local machine OR development boxes, onus would be on you to fix it. If scripts and SQL steps are not working, this might help you fixing the issue. Steps to unlock 'sa' account and resetting the password. 1. Open SQL Server Configuration Manager 2. Select SQL Server Services -> 'SQL Server' service. 3. Right click on 'SQL Server' service and click on "Startup Parameters". For 2008, server "Startup Parameters" are inside Advanced tab.   4. Add '-m' in startup parameters as shown above and click on 'Add'. This will put SQL server into 'Single User Mode' and local admin will have 'Super User' rights. For 2008, server you have to add ':-m' in the last of the existing query. 5. Save the settings and Restart the service. 6. Now open the SQL Server Management Studio and connect to database using 'Windows A

Could not load file or assembly 'Microsoft.Web.Infrastructure'

Could not load file or assembly 'Microsoft.Web.Infrastructure, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' or one of its dependencies. The system cannot find the file specified. What 'Micorosoft.Web.Infrastructure' does? This dll lets HTTP modules register at run time. Solution to above problem: Copy 'Micorosoft.Web.Infrastructure' dll in bin folder of your project and this problem should be resolved. If you have .Net framework installed on machine, this dll should be present on it. You can search for this dll and copy it in your active project folder.   Alternatively,  you can install this dll using nuget package manager PM> Install-Package Microsoft.Web.Infrastructure -Version 1.0.0 Happy coding!!

Git merge from one repo to another repo

This blog is for those who are looking for merging code from one repo to another repo. Why I will merge code from one repo to another? I forked from one git repo( may be some public git repo ) and did some cutomization on existing code. Occasionaly, features are being introduced in main git branch and I would like to get all those features in my own git repo. In this scenario, I would like to merge latest changes in my git repo. Here are few simple steps which will merge code from one git repo to another- 1. Clone the repo1(source git repo) > git clone https://github.com/org/repo1.git   > git pull 2. Clone the repo2(destination git repo) > git clone https://github.com/org/repo2.git > git pull 3. Goto repo2 (destination git folder) and checkout your prefered branch > cd repo2 > git checkout master>  4. Use below command to see the remote branch associated with your destination git repo > git remote -v  origin https://github.com/org/repo2.g