- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 jQuery 音频播放器“jPlayer”,我有一个循环,它创建许多 jPlayer 唯一实例,然后将单击“jPlayer play”分配给每个实例的文档的另一部分。问题是jPlayer 使用内部 ready: function() {}
来分配音频路径并加载文件。我需要等待此函数完成才能继续循环。
伪代码是这样的:
for loop{
create jPlayer div;
instantiate jPlayer and assign audio file in the ready(); // need to wait before continuing
assign an on click event to play file;
}
我确信它与使用队列有关,但我不知道如何实现它?任何帮助将不胜感激!
最佳答案
你可以尝试这样的事情:
function initPlayer(playerQueue){
if(playerQueue.length > 0) {
var player = playerQueue.pop(); // get our options hash for this iteration
var container = $('<div id="'+player.container+'"></div>').appendTo('body');
$(container).jPlayer({
ready: function(){
var _e = this.element;
_e.jPlayer('setFile', player.file);
var timer = setInterval(function(){
if(_e.jPlayer('getData', 'diag.loadPercent') == 100){
$(player.control).click(function(){
// assign your handler
});
clearInterval(timer); // clear the interval
initPlayer(playerQueue); // invoke the next player init
}
},500);
},
/* ... other options ... */
});
}
}
initPlayer([
{container: 'audio-1', file: 'uri/for/file', control: '#button-1'},
{container: 'audio-2', file: 'uri/for/file', control: '#button-2'},
{container: 'audio-3', file: 'uri/for/file', control: '#button-3'},
{container: 'audio-4', file: 'uri/for/file', control: '#button-4'}
]);
基本上,我们摆脱了显式循环,而是使用ready函数本身通过initPlayer
函数来推进构建迭代。通过使用数组,我们可以使用 pop() 来获取数组的最后一个元素,同时将其从数组中删除。我们等待调用 initPlayer
,直到通过每 500 毫秒轮询播放器的负载百分比获得 100 的负载百分比。
这只是一个建议,可能需要大量工作...我从未使用过 jPlayer,而且对文档也很盲目,所以不要指望它能开箱即用:-)。
关于javascript - 等待 jPlayer 完成加载文件后再继续循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3794542/
我正在使用 JPlayer,它根据用户输入播放不同的音频文件。每次用户输入输入时,我都会调用 REST Web 服务来检索要播放的音频文件。来自 REST 服务的响应是一个字节 []。 我想要实现的是
我对编码相当陌生(现在使用 html5 Ccs3 和 JavaScript 玩了大约 2 个月),我正在尝试让 Jplayer CirclePlayer 使用他们的演示文件“demo-05.htm”播
我已经按照 jplayer.org 网站上的说明编码并安装了示例视频 html 文件。使用 jplayer 提供的示例视频,该视频可以在 IE、Chrome 和 Pale Moon 中正常播放,尽管我
我以非常简单的设置使用 jPlayer,但我无法让它以稳定的方式工作,这很令人困惑,因为我实际上只使用 jPlayer 的基本部分。基本上,它仅由播放和暂停按钮组成。不过,我每个站点有六名玩家。对于许
提前感谢您的帮助。 因此,我使用 Paperclip 将歌曲存储在文件系统中。然后我尝试用 jPlayer 播放这些歌曲。 我已按照所有说明进行操作,但似乎无法通过单击应将音频解析为 jPlayer
我正在学习如何使用jPlayer。我想使用jPlayer流http://u10.sky.fm:80/sky_the80s音频。 http://www.jplayer.org/1.2.0/demo-08
当我单击“播放”时,我需要先停止 jPlayer 的所有其他实例,然后再播放新的实例。 感谢您的帮助。 最佳答案 已解决 刚刚将 onclick 函数分配给播放触发器,该函数执行以下操作: funct
在移动设备(Android)上,JPlayer 在 setMedia() 和 play() 之后不会自动开始播放,但在 PC 版 Chrome 甚至 Internet Explorer 上运行良好,我
我有一个jPlayer流式传输广播 channel ,除了“播放”按钮之外,我还想从文本链接触发音频。例如:“让我们播放一些音乐”,其中播放一些音乐会触发 jPlayer“播放”按钮的操作。 这是我的
我已经研究这个问题好几天了。我无法让它发挥作用。希望有人可以帮助我并指出我正确的方向。 使用 jPlayer ( http://jplayer.org ) 我需要将 Cookie 设置为以下内容,以便
我正在尝试修改jPlayer QuickStart项目以按顺序播放一系列mp3文件,每个文件都有自己的海报图像。这基本上只是使用html,JavaScript,jQuery和CSS。 (快速入门在这里
jPlayer.org 上的文档似乎没有包含任何有关如何创建视频播放列表(例如演示所示的视频播放列表)的内容。如何使用 jPlayer 创建预定义的播放列表? 如果这对您有所帮助,我希望在我的网站上播
我正在构建一个带有音乐播放器的网站,我正在使用 jPlayer。我的播放列表中的每首歌曲都有 mp3 和 ogg 格式。我正在本地主机、Visual Studio 2010 开发服务器上工作。 Chr
有没有办法让 jplayer 响应式?就是这个皮肤: http://jplayer.org/latest/demo-01-supplied-mp3/?theme=0 我想使用宽度百分比来缩放整个播放器
我正在使用 Jplayer(2.2.0 和 jquery 1.6)在我的应用程序中播放音频文件。音频必须使用 flash 解决方案。但是,当解决方案选项设置为 flash 时,不会触发就绪功能,因此当
我找不到这个问题的答案。我正在尝试这个: $("#klikk").click(function() { $("#jquery_jplayer_1").jPlayer("play", 2).
圆形播放器 - 才华横溢、时尚。圆圈播放器 - 太大。 我已经成功缩放了皮肤和 CSS,但是...... 我不知道如何缩放进度条的变换。 我正在扩展 50%,以使自己的生活变得轻松。 非常感谢所有帮助
我正在尝试使用 Jplayer 通过 rtmp 播放 mp3 流样本(修补 https://github.com/rmhall/jPlayer 以允许 rtmp)。我的代码在这里: $('#jquer
我正在尝试做一个基本的 jplayer 文本链接,点击播放 mp3 文件,但我无法让它发挥作用,因为没有声音。这是代码 $(document).ready(function(){ $("#jquery
如何在声音结束后显示确认框?我使用 jPlayer HTML5 音频播放器来播放声音。我有这样的东西: $(document).ready(function() { $
我是一名优秀的程序员,十分优秀!