Error message

User warning: The following module is missing from the file system: fast_404. For information about how to fix this, see the documentation page. in _drupal_trigger_error_with_delayed_logging() (line 1143 of /mnt/www/html/ooyala/docroot/includes/bootstrap.inc).

Escuchar varios eventos del bus de mensajes

Puede utilizar el bus de mensajes para escuchar varios eventos.

El siguiente ejemplo, un poco más avanzado, ilustra cómo utilizar el bus de mensajes para escuchar varios eventos y mostrar mensajes de confirmación para cada evento.

Nota: En el ejemplo siguiente, puede utilizar el mismo código para un reproductor V3 Flash, solo debe eliminar el indicador de prioridad de html5.

Ejemplo: escuchar varios eventos

El siguiente ejemplo muestra cómo utilizar el bus de mensajes para escuchar un evento.

<!DOCTYPE HTML>
<html>
<head>
 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
 <title>Keynote V3 Demo</title>
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/
 jquery.min.js'></script>
</head>

<body>

 <div id='events'>
   <p>Loading</p>
 </div>

 <script src='http://player.ooyala.com/v3/56b64d61eeb84e4bb58ff6aa68c4de32
 ?platform=html5-priority'></script>


 
 <div id="playerV3Container" style="width:500px; height:300px; 
 background:black;"></div>
 
 <script type="text/javascript">
   OO.ready(function() {
     $('#events').append("<p>OOReady</p>");

     window.oop = OO.Player.create('playerV3Container', 
     "45cmZqNDrKn7TvtpfGa9k9fQSeyK4VaI", {
       autoplay:true,
       onCreate: function(player) {
         var pastFirstSecond = false;
         player.mb.subscribe(OO.EVENTS.PLAYER_CREATED, 'keynote', function() 
         { $('#events').append("<p>PlayerCreated</p>"); });
         player.mb.subscribe(OO.EVENTS.PLAYBACK_READY, 'keynote', function() 
         { $('#events').append("<p>PlayerReady</p>"); });
         player.mb.subscribe(OO.EVENTS.PLAYING, 'keynote', function() 
         { $('#events').append("<p>Playing</p>"); });
         player.mb.subscribe(OO.EVENTS.PLAYHEAD_TIME_CHANGED, 'keynote', 
         function(event, time) {
           if(!pastFirstSecond && time > 1) {
             pastFirstSecond = true;
             $('#events').append("<p>Played 1 sec</p>");
           }
         });          
       }
     });
     
   });
 </script>

</body>
</html>