音乐在线播放以及请求乱码问题

最新推荐文章于 2021-09-09 18:10:02 发布

原创最新推荐文章于 2021-09-09 18:10:02 发布 · 452 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种在网页中实现音频文件在线播放的方法，通过HTML5的audio标签结合JavaScript，实现了音频文件的自动播放和双击播放功能。文章详细解释了代码的结构，包括如何设置音频标签的属性和使用encodeURI解决URL中文乱码的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

选中音频文件，双击进行在线播放

首先创建一个div和一个audio标签

//autoplay==控制自动播放
<div id="music" style="display: none">
    <audio id="audio" controls="controls" src="" autoplay="autoplay"></audio>
</div>

示例：假如在treegrid表格里，则添加双击该行的事件触发

//假如row.url出现中文乱码，则需要用：encodeURI进行编码
onDblClickRow: function (row) {
    $('#music').dialog({
        width: 320,
        height: 90,
        title: '音乐播放'
    });
    var url =row.url;
    $('#audio').attr('src', encodeURI(url));
}