javascript - 想了解 SounManager Player ID

Question

我正在使用 soundmanager 的 bar-ui js。

http://www.schillmania.com/projects/soundmanager2/demo/bar-ui/

我有很多播放器，所以我不知道 soundid 应该加载页面加载播放器时我想要什么。

http://support.simplepodcaster.com/auto-timestamps/

看到我的页面上有我想要的三个播放器....

我试过了

var mySoundObject = soundManager.createSound({
id: 'mySound',
url: '/audio/mysoundfile.mp3',
// optional sound parameters here, see Sound Properties for full list
volume: 50,
autoPlay: true,
whileloading: function() {
        jQuery(".playercontent").data('sound-id', this.id);
}
});

但问题是在播放之前我可以获得声音 ID，否则我无法获得 ID。

有没有办法在页面加载时获取id？？

Answer 1

当您使用 createSound() 时，它可以生成一个 ID，或分配一个 ID(就像您现在所做的那样)。

在您粘贴的示例中，您提供了一个 id，因此您将覆盖从 soundmanager 创建它。那就是您的声音将具有 id='mySound'。关注docs你可以看到我在这里写的。

相反，如果您创建声音(或您的情况下的播放器)，您可以为每个声音设置一个 id，例如，使用该播放器的 mp3 轨道的名称或 url 创建一个散列(所以，您稍后可以通过生成的 ID 找到您的声音)

像这样:

var url='/audio/mysoundfile.mp3';
var id=md5(url); // hash it here

var mySoundObject = soundManager.createSound({
   id: id,
   url: url,
   // optional sound parameters here, see Sound Properties for full list
   volume: 50,
   autoPlay: true
   //whileloading: function() {
        //jQuery(".playercontent").data('sound-id', this.id);
   //}
});

jQuery(".playercontent").data('sound-id', id);

或者简单的获取一个id如下:

var mySoundObject = soundManager.createSound({
   url: '/audio/mysoundfile.mp3',
   // optional sound parameters here, see Sound Properties for full list
   volume: 50,
   autoPlay: true,
   // whileloading: function() {
      // jQuery(".playercontent").data('sound-id', this.id);
   // }
});

console.log(mySoundObject.id);
jQuery(".playercontent").data('sound-id', mySoundObject.id);

对于这两种情况，您都可以使用以下方法获取您在站点中创建的任何声音/播放器 directly :

var track='/audio/mysoundfile.mp3';
var id= md5(track);
var mySoundObject = soundManager.getSoundById(id);

从另一方面来说，您可以使用回调，例如 setVolume() 或强制加载 mp3 文件(SMSound 对象中的任何方法都有 this.id 上下文中可用的字段)。

但是，并不是真的有必要使用类似的东西来获取您的声音/播放器的 ID。

也许有了这些信息，您可以更好地组织您网站上的玩家。