前端实现消息声音提醒功能

1、使用Html5 audio 标签

        在页面创建audio，并引入提示音

<audio preload="auto|metadata|none" hidden="hidden" controls="controls" id='MessageAudio'>

        <source src="./message.mp3"/>

</audio> 

preload：音频被加载的方式

hidden：是否隐藏

controls：展示播放暂停按钮

        创建好后通过js实现播放、暂停、停止功能

var MessageAudio = document.getElementById("MessageAudio"); 

MessageAudio.play(); // 播放

MessageAudio.pause();    MessageAudio.currentTime = 0; // 停止

MessageAudio.pause(); // 暂停

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容