html5如何实现播放下一首,使用HTML5 SoundCloud播放器小部件如何以编程方式跳到另一首曲目而不会导致播放第二不需要的曲目?...

不幸的似乎是在完成事件的竞争条件错误。 Soundcloud播放器最终同时播放两首歌曲:列表中的下一首歌曲以及在完成事件处理程序中跳过的歌曲。

var widget = null;

$(function() {

var iframe = document.querySelector('#soundcloud_player iframe');

widget = SC.Widget(iframe);

widget.bind(SC.Widget.Events.READY, function() {

widget.bind(SC.Widget.Events.FINISH, function() {

widget.skip(3);

});

});

});

这是一个已知的错误吗?

是否有更好的方式在声音结束后跳到另一个轨道?

有没有办法关闭连续播放?

在完成事件处理程序中跳过之前添加一小段等待,解决问题。但似乎不是一个好方法。

window.setTimeout(function() { widget.skip(3); }, 300);

另一个解决办法是跳至上一首歌曲结束之前的一首歌,用PLAY_PROGRESS事件,而不是在FINISH事件。

widget.bind(SC.Widget.Events.READY, function() {

widget.bind(SC.Widget.Events.PLAY_PROGRESS, function(obj) {

if (obj.relativePosition > 0.999) {

widget.pause();

widget.skip(3);

}

});

});

2013-04-14

Don Zola

+0

嘿,这似乎是一个错误,我正在研究它,谢谢你的报告。 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我明白了您的问题。为了开发一个带登录和注册页面,同时能够显示歌词和写真的音乐播放器,您需要借助一些技术和工具。以下是我为您推荐的步骤: 1. 设计和开发登录和注册页面。您可以使用 HTML、CSS 和 JavaScript 来创建它们。您还可以使用前端框架(如 React 或 Vue.js)来简化开发过程。 2. 创建一个后端应用程序,以便用户可以注册和登录。您可以使用 Node.js 和 Express.js 来创建 REST API。您也可以使用一个数据库(如 MySQL 或 MongoDB)来存储用户数据。当用户注册时,他们的用户名和密码将被存储在数据库中。当用户登录时,他们的用户名和密码将与数据库中的记录进行比较。如果匹配,他们将被授予访问权限。 3. 搜索并添加音乐播放器 API。您可以选择一个现有的音乐播放器 API,例如 Spotify 或 SoundCloud。然后,您将能够从您的应用程序中检索歌曲和歌词,并将它们展示给用户。如果没有现成的播放器,您也可以使用 Web Audio API 和其他 JavaScript 库创建自己的音乐播放器。 4. 在前端应用程序中整合音乐播放器。您可以使用 JavaScript 和相关库,如 React Player,在前端应用程序中集成音乐播放器。 5. 制作歌词和写真的展示功能。当用户播放歌曲时,您可以使用播放器 API 在应用程序中显示对应的歌词和写真。这可以通过在后端应用程序中与音乐 API 交互来实现。 希望这可以帮助您进行音乐播放器的开发!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值