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

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!!

Create chatbot in 20 minutes using RASA

This blog will help you create a working chatbot with in 20 minutes. For creating chatbot we need following libraries to be installed- >> Python3 >> Pip3 >> Rasa Lets start installing all libraries & dependencies which are need for creating chatbot. Note: I have used MAC, therefore sharing commands related to it. You can install it on Windows, Linux or any other operating system using respective commands. 1. Install Python3 > brew install python3 > python --version #make sure you have python3 installed 2. Install Pip3 > curl -O https://bootstrap.pypa.io/get-pip.py > sudo python3 get-pip.py If you get issue related to Frameoworks while installing pip, follow below steps -  > cd /usr/local/lib > mkdir Frameworks > sudo chown -R $(whoami) $(brew --prefix)/* Once installed check pip3 version > pip3 --version After python3 and pip3 is succeffully installed, proceed to next steps. 3. Install Rasa > pip

Running dotnet on Linux

Server: Linux, version SUSE 12 To run dotnet code on Linux, the first and foremost task is to "Install Mono package on linux". Note: Mono is an open implementation of Microsoft's .Net framework, including compilers. It uses the same development libraries on Linux which are being used on Windows. Therefore, if you code and compiled some mono code on Linux,  it will work for Windows as well.       zypper is a package installation tool which is used in this scenario. If zypper is not available, check which package manager tool is installed on server. Furthermore, to verify if zypper is installed or not, type zypper on command line which will show all options if zypper is available on server else it will show 'command not found'. zypper ar -r http://download.opensuse.org/repositories/Mono/SLE_11_SP2/Mono.repo The above command will download from mentioned URL in a new repository. Here 'ar' stands for 'add repo'. After adding it to repos