[GO-FLY] GO-FLY客服实现浏览器消息提示音

唯一Chat

发布于 2020-10-27 17:33:22

6400

发布于 2020-10-27 17:33:22

在一些客服系统中,当有新消息出现时,会有提示声音响,使用到的是html5的新标签

        <audio id="chatMessageAudio">
            <source id="chatMessageAudioSource" src="/static/images/alert.mp3" type="audio/mpeg" />
        </audio>

当有新消息时就可以直接调用了

            var b = document.getElementById("chatMessageAudio");
            var p = b.play();
            p && p.then(function(){}).catch(function(e){});

效果可以点击在线交流进行测试

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2020-10-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除

html5