Audio播放

最新推荐文章于 2023-10-02 21:24:55 发布

你狗

最新推荐文章于 2023-10-02 21:24:55 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tangchun/p/10641443.html

本文介绍如何使用HTML5的audio元素播放MP3文件，并通过JavaScript控制播放逻辑，确保只有当音频未处于播放状态时才开始播放。

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

 <audio controls="controls" id="warnAudio" hidden>
        <source src="~/mp3/HasNewWarn.mp3" type="audio/mpeg" />
    </audio>

使用audio元素播放mp3

更改播放为先判断未在播放状态后，才播放：

 var gWarnAudioEl = document.getElementById("warnAudio");
 var isPlaying = gWarnAudioEl.currentTime > 0 && !gWarnAudioEl.paused && !gWarnAudioEl.ended
                                && gWarnAudioEl.readyState > 2;

                            if (!isPlaying) {
                                gWarnAudioEl.play();
                            }

参考资料：

https://stackoverflow.com/questions/36803176/how-to-prevent-the-play-request-was-interrupted-by-a-call-to-pause-error

转载于:https://www.cnblogs.com/tangchun/p/10641443.html