AudioContext开发后台管理系统新订单提示音（audio不能自动播放）

audio

因为audio标签不能自动播放。需要用户和浏览器又交互才能实现播放。但是需求是不能显示播放器控件，只能有声音响起。

AudioContext

使用AudioContext能解决该问题

window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext;
var context = new window.AudioContext();
var source = null;
var audioBuffer = null;
//最好使用本地音频文件，无跨域问题
function playSound() {source = context.createBufferSource();//获取音频数据source.buffer = audioBuffer;source.connect(context.destination);source.start(); //立即播放
}
function initSound(arrayBuffer) {context.decodeAudioData(arrayBuffer, function (buffer) { //解码成功时的回调函数audioBuffer = buffer;playSound();}, function (e) { //解码出错时的回调函数console.log('Error decoding file', e);});
}
function loadAudioFile(url) {var xhr = new XMLHttpRequest(); //通过XHR下载音频文件xhr.open('GET', url, true);xhr.responseType = 'arraybuffer';xhr.onload = function (e) { //下载完成initSound(this.response);};xhr.send();
}
loadAudioFile(xxxxxx.mp3)

定时器请求接口获取是否有新订单，有新订单source.start();播放，

AudioContext开发后台管理系统新订单提示音（audio不能自动播放）相关推荐

在开发游戏陪玩平台系统时，如何实现新订单提示效果？
在游戏陪玩平台系统中,用户通过实名认证审核.资质技能审核后,可以申请成为平台大神,带其他玩家组队开黑并获得收益.在游戏陪玩平台系统的整个约单流程中,新订单提示是很重要的模块,尤其是对于需要接单的大神而 ...
xadmin开发后台管理系统常见问题
Xadmin开发后台管理系统点我下载xadmin的demo 关注公众号"轻松学编程"了解更多. 添加小头像 https://blog.csdn.net/qq_34964399/a ...
android接收消息后提示音,Android仿微信新消息提示音
怕有些人不知道怎么进入微信的新消息提示音功能,我这里说下操作步骤: 打开微信----我---设置---新消息提醒---新消息提示音. 经过以上的步骤就进入了这样的界面具体实现的步骤. 难点之一:获取 ...
web页面新消息提示音
web页面新消息提示音链接:https://blog.csdn.net/fmyzc/article/details/83750141
android 更换软件提示音,修改微信APP新消息提示音（教程）！
熟悉我的朋友都知道,我只带来干货,每天都是实用技能!今天教大家如何自定义消息通知铃声.来电铃声.闹铃铃声,Android操作系统由于其特征,自定义这些很简单,目前很多音乐APP软件都有个" ...
android微信加人有提示音吗,Android仿微信新消息提示音
環信聊天消息提示音的實現仿微信新消息提示音設置. 思路:用RingtoneManager查詢出title,Ringtone,uri信息,title用來展示,Ringtone用來播放,uri設置提示音 ...
android新消息提醒功能,Android仿微信新消息提示音
怕有些人不知道怎么进入微信的新消息提示音功能,我这里说下操作步骤: 打开微信----我---设置---新消息提醒---新消息提示音. 经过以上的步骤就进入了这样的界面具体实现的步骤. 难点之一:获取 ...
高仿微信新消息提示音功能
最近公司在做一个项目,有一个切换消息提示音的功能,可以切换本应用收到消息的提示音,而不影响系统提示音.我就按照微信的那个样式进行了编程,最终得到想要的效果. 转载请注明出处,谢谢:http://blo ...
您有新的订单提示音_《胡闹厨房：全都好吃》PS5新手柄专属功能细节揭露
派对动作游戏<胡闹厨房:全都好吃>开发商Team 17品牌经理Holly Cooper在PlayStation官方博客揭露了PS5新手柄的支持细节. <胡闹厨房:全都好吃>是& ...

AudioContext开发后台管理系统新订单提示音（audio不能自动播放）

audio

AudioContext

AudioContext开发后台管理系统新订单提示音（audio不能自动播放）相关推荐

最新文章

热门文章