embed 元素用javascript 控制 play stop的实现

最新推荐文章于 2024-08-10 08:43:25 发布

wang哥

最新推荐文章于 2024-08-10 08:43:25 发布

阅读量4.9k

点赞数 1

CC 4.0 BY-SA版权

文章标签： embed javascript asp.net mp3 wav

本文链接：https://blog.youkuaiyun.com/jogewang/article/details/19917149

本文介绍了一种使用ASP.NET实现音频文件播放和停止功能的方法。通过DataBinder.Eval从数据库获取音频文件路径，并利用JavaScript创建和操作embed元素来实现音频的播放与停止。适用于希望了解网页中音频播放技术细节的读者。

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

主要代码如下：asp.net 实现方式

因为需要从数据库里抓路径，这里用到了DataBinder.Eval

播放： function play(file) {
var embed;
// alert(file);
embed = document.getElementById('firstSound');

if (embed == null) {
embed = document.createElement("embed");
embed.setAttribute('id', 'firstSound');
embed.setAttribute('name', 'firstSound');
embed.setAttribute('controls', 'smallconsole');
// embed.setAttribute('width', 200);
// embed.setAttribute('height', 0);

embed.setAttribute('src', file);
embed.setAttribute('hidden', true);
embed.setAttribute('autostart', true);
mydiv.appendChild(embed);
} else {
mydiv.removeChild(embed);
embed = document.createElement("embed");
embed.setAttribute('id', 'firstSound');
embed.setAttribute('name', 'firstSound');
embed.setAttribute('controls', 'smallconsole');
// embed.setAttribute('width', 200);
// embed.setAttribute('height', 0);
embed.setAttribute('src', file);
embed.setAttribute('hidden', true);
embed.setAttribute('autostart', true);
mydiv.appendChild(embed);
}
}

停止：
function stop123() {
var sounder = document.getElementById('firstSound');
sounder.stop();
}