JS对不同的浏览器播放音频文件

最新推荐文章于 2024-04-15 17:19:46 发布

luanxiyuan

最新推荐文章于 2024-04-15 17:19:46 发布

阅读量447

点赞数

分类专栏：经(cǎi)验(kēng)总结文章标签：前端 javascript ViewUI

本文链接：https://blog.csdn.net/luanxiyuan/article/details/84711532

版权

经(cǎi)验(kēng)总结专栏收录该内容

251 篇文章 3 订阅

订阅专栏

网上找了好多方法，都没有成功，js如果想要完全控制object对象，会提示TypeError: player.controls is undefined错误，是因为需要安装音频播放器插件。无意中灵机一动采用了一种便捷的方法轻松实现了，无需安装插件（ie自带的media player插件），感谢灵感。

Code：

<head>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
</head>
<div id="audioDiv" style="display: none;"></div>
<a href="javascript:void(0);" onclick="startSound();">播放</a>
<a href="javascript:void(0);" onclick="stopSound();">停止</a>
<script type="text/javascript">
    function startSound() {
        var mp3snd = "文件路径";
        var myaudiohtml = "";
        if (navigator.userAgent.toLowerCase().indexOf("msie") != -1) {
            myaudiohtml += '<embed src="' + mp3snd + '" type=application/x-mplayer2 width="0" height="0" autostart="1"/>';
        } else if (navigator.userAgent.toLowerCase().indexOf("firefox") != -1) {
            myaudiohtml += '<object data="' + mp3snd + '" type="application/x-mplayer2" width="0" height="0">';
            myaudiohtml += '<param name="filename" value="' + mp3snd + '">';
            myaudiohtml += '<param name="autostart" value="1">';
            myaudiohtml += '<param name="playcount" value="infinite">';
            myaudiohtml += '</object>';
        } else {
            myaudiohtml += '<audio src="' + mp3snd + '" autoplay="autoplay" loop="loop">';
            myaudiohtml += '<object data="' + mp3snd + '" type="application/x-mplayer2" width="0" height="0">';
            myaudiohtml += '<param name="filename" value="' + mp3snd + '">';
            myaudiohtml += '<param name="autostart" value="1">';
            myaudiohtml += '<embed height="2" width="2" src="' + mp3snd + '" pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" controller="false" controls="false" autoplay="true" autostart="true" loop="false"><br>';
            myaudiohtml += '</embed></object>';
            myaudiohtml += '</audio>';
        }
        document.getElementById("audioDiv").innerHTML = myaudiohtml;
    }

    function stopSound() {
        document.getElementById("audioDiv").innerHTML = "";
    }
</script>

luanxiyuan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS对不同的浏览器播放音频文件

网上找了好多方法，都没有成功，js如果想要完全控制object对象，会提示TypeError: player.controls is undefined错误，是因为需要安装音频播放器插件。无意中灵机一动采用了一种便捷的方法轻松实现了，无需安装插件（ie自带的media player插件），感谢灵感。Code：<head> <meta http-equiv="pr...
复制链接

扫一扫