我一直试图使用a Soundcloud Blog page上给出的例子,所以我可以设置较低的音量。
我只将iframe
尺寸和src=
更改为我的播放列表,并将音量设置为10,所以我注意到它的区别是否有效。到目前为止,我观察没有变化,体积仍然是100%。
我已经尝试过,无需在模板的头部放置以下内容。这似乎并不重要。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
这是我从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>
This code is live on a Joomla site.
有人可以帮我理解我缺乏控制音量的东西吗?
这是一场jquery冲突吗?如果是这样,有关如何解决它的任何想法?
卷范围实际上是从0到1,这在文档中说错了。因此,如果您想将音量设置为10%,则需要:
var widgetIframe = document.getElementById('sc-widget'),
widget = SC.Widget(widgetIframe);
widget.setVolume(0.1);
之前的答案不再准确。 setVolume()api已被修复/更改为接受0到100之间的int。
我偶然发现了这个问题,尝试使用chrome控制台快速更改嵌入式SoundCloud iframe的音量。我为自己创造了一个快速的要点。 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