Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Volumen predeterminado de reproductor de video

Estas en el tema de Volumen predeterminado de reproductor de video en el foro de Frameworks JS en Foros del Web. Hola, con este código se reproduce un vídeo y puede modificar el volumen y otros parámetros haciendo clic desde fuera del reproductor, pero querría poner ...
  #1 (permalink)  
Antiguo 09/06/2011, 04:51
Avatar de autonotel  
Fecha de Ingreso: junio-2003
Ubicación: Vigo
Mensajes: 480
Antigüedad: 17 años, 4 meses
Puntos: 13
Volumen predeterminado de reproductor de video

Hola,
con este código se reproduce un vídeo y puede modificar el volumen y otros parámetros haciendo clic desde fuera del reproductor, pero querría poner un volumen por defecto cuando se carga el vídeo. Normalmente al inicio el valor del volumen es 60, 100 o el último que haya utilizado el usuario.
Se puede forzar para establecer un volumen predeterminado?
Por lo que he estado viendo la única forma es a través de la función setVideoVolume() y se me ocurre que la hagamos ejecutarse al cargar la página pero soy limitado en javascript y ajax. Agradecería ayuda.
Gracias de antemano.

Fuente de este código: http://code.google.com/apis/ajax/pla...omeless_player

Código:
Código:
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
      google.load("swfobject", "2.1");
    </script>    
    <script type="text/javascript">
      /*
       * Chromeless player has no controls.
       */
      
      // Update a particular HTML element with a new value
      function updateHTML(elmId, value) {
        document.getElementById(elmId).innerHTML = value;
      }
      
      // This function is called when an error is thrown by the player
      function onPlayerError(errorCode) {
        alert("An error occured of type:" + errorCode);
      }
      
      // This function is called when the player changes state
      function onPlayerStateChange(newState) {
        updateHTML("playerState", newState);
      }
      
      // Display information about the current state of the player
      function updatePlayerInfo() {
        // Also check that at least one function exists since when IE unloads the
        // page, it will destroy the SWF before clearing the interval.
        if(ytplayer && ytplayer.getDuration) {
          updateHTML("videoDuration", ytplayer.getDuration());
          updateHTML("videoCurrentTime", ytplayer.getCurrentTime());
          updateHTML("bytesTotal", ytplayer.getVideoBytesTotal());
          updateHTML("startBytes", ytplayer.getVideoStartBytes());
          updateHTML("bytesLoaded", ytplayer.getVideoBytesLoaded());
          updateHTML("volume", ytplayer.getVolume());
        }
      }
      
      // Allow the user to set the volume from 0-100
      function setVideoVolume() {
        var volume = parseInt(document.getElementById("volumeSetting").value);
        if(isNaN(volume) || volume < 0 || volume > 100) {
          alert("Please enter a valid volume between 0 and 100.");
        }
        else if(ytplayer){
          ytplayer.setVolume(volume);
        }
      }
      
      function playVideo() {
        if (ytplayer) {
          ytplayer.playVideo();
        }
      }
      
      function pauseVideo() {
        if (ytplayer) {
          ytplayer.pauseVideo();
        }
      }
      
      function muteVideo() {
        if(ytplayer) {
          ytplayer.mute();
        }
      }
      
      function unMuteVideo() {
        if(ytplayer) {
          ytplayer.unMute();
        }
      }
      
      
      // This function is automatically called by the player once it loads
      function onYouTubePlayerReady(playerId) {
        ytplayer = document.getElementById("ytPlayer");
        // This causes the updatePlayerInfo function to be called every 250ms to
        // get fresh data from the player
        setInterval(updatePlayerInfo, 250);
        updatePlayerInfo();
        ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
        ytplayer.addEventListener("onError", "onPlayerError");
        //Load an initial video into the player
        ytplayer.cueVideoById("ylLzyHk54Z0");
      }
      
      // Make the player small.
      function smallPlayer() {
        resizePlayer(480, 295);
      }
      
      // Set the player back to normal.
      function normalPlayer() {
        resizePlayer(560, 340);
      }
      
      // Make the player big.
      function largePlayer() {
        resizePlayer(640, 385);
      }
      
      // Set the loaded player to a specific height and width.
      function resizePlayer(width, height) {
        var playerObj = document.getElementById("ytPlayer");
        playerObj.height = height;
        playerObj.width = width;
      }
      
      // The "main method" of this sample. Called when someone clicks "Run".
	  
	
      function loadPlayer() {
	    var vol = "0"; //Otherwise vol+.001 below makes vol>1 error
		
        // The video to load
        var videoID = "ylLzyHk54Z0"
        // Lets Flash from another domain call JavaScript
        var params = { 
		allowScriptAccess: "always",
		

		};
        // The element id of the Flash embed
        var atts = { id: "ytPlayer"};
        // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
        swfobject.embedSWF("http://www.youtube.com/v/" + videoID + 
                           "&enablejsapi=1&playerapiid=player1", 
                           "videoDiv", "560", "340", "8", null, null, params, atts);
      }
      function _run() {
        loadPlayer();
      }
      google.setOnLoadCallback(_run);
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    <table>
    <tr>
    <td><div id="videoDiv">Loading...</div></td>
    <td valign="top">
      <div id="videoInfo">
        <p>Player state: <span id="playerState">--</span></p>
        <p>Current Time: <span id="videoCurrentTime">--:--</span> | Duration: <span id="videoDuration">--:--</span></p>
        <p>Bytes Total: <span id="bytesTotal">--</span> | Start Bytes: <span id="startBytes">--</span> | Bytes Loaded: <span id="bytesLoaded">--</span></p>
        <p>Controls: <a href="javascript:void(0);" onclick="playVideo();">Play</a> | <a href="javascript:void(0);" onclick="pauseVideo();">Pause</a> | <a href="javascript:void(0);" onclick="muteVideo();">Mute</a> | <a href="javascript:void(0);" onclick="unMuteVideo();">Unmute</a></p>
        <p><input id="volumeSetting" type="text" size="3" />&nbsp;<a href="javascript:void(0)" onclick="setVideoVolume();">&lt;- Set Volume</a> | Volume: <span id="volume">--</span></p>
      </div>
      <div id="videoInfo">
  <a href="javascript:smallPlayer()">Small Player</a>
  <a href="javascript:normalPlayer()">Normal Player</a>
  <a href="javascript:largePlayer()">Large Player</a>
      </div>
    </td></tr>
    </table>

Última edición por autonotel; 09/06/2011 a las 11:18
  #2 (permalink)  
Antiguo 12/06/2011, 01:24
Avatar de autonotel  
Fecha de Ingreso: junio-2003
Ubicación: Vigo
Mensajes: 480
Antigüedad: 17 años, 4 meses
Puntos: 13
Respuesta: Volumen predeterminado de reproductor de video

Bueno, después de otros cuantos días (unos cuantos antes de postear y otros tantos después), he conseguido modificar el volumen predeterminado al cargarse el vídeo. Era tan sencillo como modificar la función:

Código:
	  function onYouTubePlayerReady(playerId) {
        ytplayer = document.getElementById("ytPlayer");
 
       //establecer volumen predeterminado desde variable php
		
		ytplayer.setVolume(<? echo $vol;?>); 
}
Espero que le sirva a alguien

Etiquetas: ajax, predeterminado, reproductor, video, volumen
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:13.