var url = 'http://yourdomain/music';

var context = new AudioContext();

var req = new XMLHttpRequest();

req.open('GET', url, true);

req.responseType = 'arraybuffer';

var music = {};

req.onload = function () {

context.decodeAudioData(req.response, function (buf) { // 将拿到的audio解码转为buffer

var getSource = function () { // 创建source源。

var source = context.createBufferSource();

source.buffer = buf;

source.connect(context.destination);

return source;

};

music.start = function () { // 游戏开始

console.log('hhh')

getSource().start();

};

music.start();

},

(error) => {

if (window.console && window.console.error) {

window.console.error(`音频: ${url} 读取错误`, error);

hasWebAudioAPI.data = false;

}

});

};

req.send();

java 苹果h5不能播放_H5音频不能自动播放的问题相关推荐

  1. 微信H5同层播放器以及视频自动播放

    iOS之前已经解决了视频播放默认全屏,且浮在页面最顶端的问题 playsinline webkit-playsinline 这样就可以在视频之上进行一些操作,实现诸如弹幕.自定义播放控件等的效果. 但 ...

  2. H5页面在微信浏览器中自动播放视频

    H5页面在微信浏览器中自动播放视频 安卓和IOS不同 h5在安卓微信浏览器上的视频不能自动播放 h5在iOS微信浏览器上的视频可以自动播放 iOS的实现方案

  3. 音频视频自动播放解决方案

    1.音频视频自动播放解决方案 1.1.使用背景 公司项目需要用到音频自动播放的功能,首先想到的就是autoplay属性. 想让内容自动播放的最简单方法是将autoplay属性添加到元素,并将autop ...

  4. Chrome 实现音频/视频 自动播放

    Chrome 实现音频/视频 自动播放 //home.html 用a标签跳转到播放页<a href="test_video.html">跳转到视频/音频播放页</ ...

  5. 安卓开发,拼接屏幕、大屏幕、户外广告无人值守循环播放视频,图片。开机自动播放,断电后自动播放,重起后自动播放功能

    安卓开发,拼接屏幕.大屏幕.户外广告无人值守循环播放视频,图片.开机自动播放,断电后自动播放,重起后自动播放功能 因客户要求,开机自动播放视频,不需要电脑控制,通电自动循环播放视频. 电脑成本太高,最 ...

  6. PPT放映时无法自动播放视频,同时自动播放两个视频

    PPT放映时无法自动播放视频,同时自动播放两个视频 选中视频,设置为自动播放模式 如果放映时仍不能自动播放 文件→选项→高级→显示 将"禁用幻灯片放映硬件图形加速"勾选 同时播放两 ...

  7. 关于微信H5页面开发中音乐不自动播放的解决方法

    我想应该有很多人在做H5场景应用.H5微刊.H5微杂志的时候加入背景音乐吧(客户需求),相信很多人一定碰过不能自动播放的时候,即使是相同的iPhone 5s也有不播放的时候,很蛋疼吧!? 之前我的解决 ...

  8. html手机不能自动播放音乐,解决移动端浏览器 HTML 音频不能自动播放的三种方法...

    由于Android,IOS移动端的浏览器以及微信自带的浏览器为了用户更好的体验,规定不自动播放音频视频,默认屏蔽了autoplay,如果要想达到自动播放效果,需要单独处理,方法有以下几种: 第一种:添 ...

  9. 网页上线后音频不能自动播放

    一.问题描述 开发环境谷歌浏览器本地测试通过,网站上线后的音乐不播放,而是自动下载? 开发环境safari浏览器中,音频不播放. 二.问题分析 用audio或者embed标签都有问题,为了节省用户的流 ...

最新文章

  1. 运行从别处复制过来的linux可执行程序
  2. synchronize和lock的区别 synchionzie与volatile的区别
  3. logging日志配置,day95下午
  4. API网关Kong系列(二)部署
  5. ITK:从均匀矩阵应用仿射变换并重新采样
  6. 机器学习-机器学习概论(入门机器学习基础知识)
  7. Progressive Web App(PWA)
  8. matlab V7.0 R14 安装教程
  9. μC/OS-III---I笔记3---时间管理
  10. [Jetty] jetty 内存调优
  11. 漂浮广告代码html,漂浮广告的JS代码(经典)
  12. 数据结构~~二叉树和BSTs(三)(转)
  13. Android项目中把bin文件夹里面的.apk文件删除,怎么让它再生成
  14. 大话西游免费版最新服务器是,2020年4月1日服务器数据互通公告
  15. 那一只蝴蝶飞不过沧海
  16. 汉诺塔python创新设计大赛_机械创新设计大赛官网
  17. ubuntu 找不到固态硬盘
  18. The server time zone value ‘ ‘ is unrecognized or represents more than one time zone
  19. 闸门机制(Gate Mechanism)
  20. 计算机基础图文混排教案,中职《Word图文混排》教学设计|word图文混排教学设计...

热门文章

  1. Rekit Studio简介:用于React和Redux开发的真实IDE
  2. babel 编译vue_如何对代码进行未来验证:使用Babel polyfills编译JavaScript VS
  3. java bean转string_Json、JavaBean、String等互转
  4. Shell脚本语法2
  5. MySQL的初识(python开发者的第一印象)
  6. 一个简单的动态web服务器
  7. CSS hack技巧大全 案例演示
  8. C# SNMP 编程
  9. Mac Pro m1 安装 brew/eclipse/visual stadio code/nodejs/git
  10. mysql 单表union_在MySQL中用union合并两个表?