通过 jQuery Mobile 页面中的 url 参数加载 mp3

发布于 2025-01-02 12:31:19 字数 655 浏览 1 评论 0原文

我在 jquery mobile 中有一个 mp3 文件的 xml 列表,它通过 url 传递 mp3 路径将用户引导到 HTML5 音频播放器,然后将其插入到音频标签的 src 中。但是,src 仅在我点击刷新时才会更改,而不是在第一次加载时更改。我缺少什么?这是代码:

$( document ).bind( 'pageinit',function(event){
    var url = $.url();
    var mp3 = url.attr('query');
    var play = document.querySelector("audio");
    play.src=mp3; 
    play.load();
});

<div data-role="page" id="audiopage" data-ajax="false">
<div id="audio">
<audio controls="control" preload="none" src="" type="audio/mp3" id="sound"></audio>

I have an xml list of mp3 files in jquery mobile that directs the user to an HTML5 audio player by passing the mp3 path via url, which is then inserted into the src of an audio tag. However, the src will only change when I hit refresh and not when it loads for the first time. What am I missing? Here is the code:

$( document ).bind( 'pageinit',function(event){
    var url = $.url();
    var mp3 = url.attr('query');
    var play = document.querySelector("audio");
    play.src=mp3; 
    play.load();
});

and

<div data-role="page" id="audiopage" data-ajax="false">
<div id="audio">
<audio controls="control" preload="none" src="" type="audio/mp3" id="sound"></audio>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文