Control del volumen del reproductor de widgets HTML5 Soundcloud

Question

He intentado utilizar el ejemplo proporcionado en esta página del blog de Soundcloud para poder configurar el volumen más bajo. http://developers.soundcloud.com/blog/html5-widget-api

Solo cambié el tamaño del iframe y src = a mi lista de reproducción y configuré el volumen a 10 para que pudiera notar la diferencia si funcionaba. Hasta ahora, ningún volumen de cambio sigue siendo 100%

Lo he intentado con y sin colocar lo siguiente en el encabezado de mi plantilla. No parece importar

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

Aquí está el código que ajusté del ejemplo Soundcloud:

<iframe id="sc-widget" width="350" height="332" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F1417174&auto_play=true&show_artwork=false&color=37415f"></iframe> 

    <script src="http://w.soundcloud.com/player/api.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    (function(){ 
    var widgetIframe = document.getElementById('sc-widget'), 
     widget  = SC.Widget(widgetIframe); 

    widget.bind(SC.Widget.Events.READY, function() { 
     widget.bind(SC.Widget.Events.PLAY, function() { 
     // get information about currently playing sound 
     widget.getCurrentSound(function(currentSound) { 
      console.log('sound ' + currentSound.get('') + 'began to play'); 
     }); 
     }); 
     // get current level of volume 
     widget.getVolume(function(volume) { 
     console.log('current volume value is ' + volume); 
     }); 
     // set new volume level 
     widget.setVolume(10); 
    }); 

    }()); 
    </script> 

Aquí es el sitio de Joomla donde el código es en vivo. http://mediaservicesnyc.com/

¿Alguien puede ayudarme a entender lo que me falta para controlar el volumen.

¿Es un conflicto de jquery? Si es así, ¿alguna idea sobre cómo resolverlo?

Sinceramente, Eric

Answer 1

rango del volumen en realidad es de 0 a 1, esto se indica erróneamente en la documentación. Por lo tanto, si desea configurar el volumen al 10%, necesitará esto:

var widgetIframe = document.getElementById('sc-widget'), 
widget  = SC.Widget(widgetIframe); 

widget.setVolume(0.1); 

Answer 2

La respuesta anterior ya no es precisa. La api setVolume() se ha corregido/cambiado para tomar una int entre 0 y 100.

Me encontré con esta pregunta tratando de cambiar rápidamente el volumen de un iframe SoundCloud incrustado utilizando la consola de Chrome. Creé una idea rápida para mí. https://gist.github.com/propagated/78aaedfbc0c23add7691bb975b51a3ff

//load soundcloud js api if needed 
var script = document.createElement('script'); 
script.type = 'text/javascript'; 
script.src = 'http://w.soundcloud.com/player/api.js'; 
document.head.appendChild(script); 

//get the id of the player iframe or inject it using chrome 
var id = 'scplayer', 
    widgetIframe = document.getElementById(id), 
    fixWidget = SC.Widget(widgetIframe); 
fixWidget.setVolume(50); //% between 1 and 100