<div>
<div class="content wysiwyg-content">
Are there any libraries that will assist in allowing a video played in html5 video tag to be listened to and fire a JavaScript function when a certain tone or series of tones are played in the video? &nbsp;Or could added data to the stream be read and fire a JavaScript function based on the data. &nbsp;<br />
<br />
I am trying to fire a script on the client/browser side of a live stream. &nbsp;We have a custom encoding/streaming application and would like it when our moderators click a button in the application it is timed with the video stream on the client end. &nbsp;I realize this can be done with streaming players like Silverlight and flash, but I would like this to work on all devices including mobile phones.
</div>
</div>


Are there any libraries that will assist in allowing a video played in html5 video tag to be listened to and fire a JavaScript function when a certain tone or series of tones are played in the video?  Or could added data to the stream be read and fire a JavaScript function based on the data.  

I am trying to fire a script on the client/browser side of a live stream.  We have a custom encoding/streaming application and would like it when our moderators click a button in the application it is timed with the video stream on the client end.  I realize this can be done with streaming players like Silverlight and flash, but I would like this to work on all devices including mobile phones.

HTML5 Video JavaScript Listener

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Multimedia applications are those programs that integrate more than one media at a time; browsers are the most obvious. However, the term has come to include the use of programs that enable the use of any component that isn’t simple text and static graphics, such as audio, video, animation, virtual reality, conferencing and monitoring.

MultiMedia Applications

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.