文档章节

在微信端网页audio标签音乐不播放问题

没钱不任性
 没钱不任性
发布于 2016/02/04 14:18
字数 140
阅读 2134
收藏 3

在微信端h5页面的audio标签使用了,但是手机上却无法听到声音。

<audio id="myaudio" src="mp3/11.mp3"  preload="auto"   loop="loop" autoplay="autoplay" >
    </audio>

这是audio标签,要播放音乐还需要加入js控制其播放

//播放音乐
var audio = $('#myaudio');
var isPlaying = false;
function playAudio() {
    var audio = $('#myaudio');
    if (audio.attr('src') == undefined) {
        audio.attr('src', audio.data('src'));
    }
    audio[0].play();
    isPlaying = true;
}
$(function(){
    playAudio();
    document.addEventListener("WeixinJSBridgeReady", function () {
        WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
            network = e.err_msg.split(":")[1];  //结果在这里
		playAudio();
        });
    }, false);
})


© 著作权归作者所有

没钱不任性
粉丝 0
博文 23
码字总数 3371
作品 0
高级程序员
私信 提问
加载中

评论(4)

没钱不任性
没钱不任性 博主

引用来自“Guest_Main”的评论

看报文是不是文件404

引用来自“没钱不任性”的评论

不是,在pc端是可以播放的,甚至在手机uc浏览器都可以,唯独微信中不行,把那个js一加就可以了

引用来自“Java许”的评论

楼主我也遇到同样的问题了,我想问 你现在还可以正常播放吗?就是说更新微信版本之后。
现在我不知道了,这个比较久了
Java许
Java许

引用来自“Guest_Main”的评论

看报文是不是文件404

引用来自“没钱不任性”的评论

不是,在pc端是可以播放的,甚至在手机uc浏览器都可以,唯独微信中不行,把那个js一加就可以了
楼主我也遇到同样的问题了,我想问 你现在还可以正常播放吗?就是说更新微信版本之后。
没钱不任性
没钱不任性 博主

引用来自“Guest_Main”的评论

看报文是不是文件404
不是,在pc端是可以播放的,甚至在手机uc浏览器都可以,唯独微信中不行,把那个js一加就可以了
Guest_Main
Guest_Main
看报文是不是文件404
百度音乐电台怎么播放音乐的?

最近百度首页更新了,发现音乐电台做的不错,所以本着作为前端程序员的探索精神去捣鼓了一下。 然后我发现了一个神奇的事,作为我已知的有限的知识,如果我做音乐播放器,无非使用swf或者aud...

有闲
2015/11/11
180
3
HTML5之audio无法自动播放的问题

HTML5新增了video元素和audio元素,替代了传统HTML4使用复杂的object元素与embed来播放视频或者音频的方法。这次的一个项目,产品经理要求手机加载开始时播放音乐,想到播放音乐,又是在ios...

outf-8
2016/08/28
57
0
10 个基于 Web 的 HTML5 音乐播放器

HTML5 是一种用于创建和呈现的网页内容的语言。这是一个革命性的语言,它拥有一些真正棒的功能和一个新的HTML5规范允许本地音频流的播放。本文向你推荐 10 个最棒的 HTML5 音频播放器,看看你...

红薯
2012/04/02
50.1K
8
H5页面使用一个audio标签获取不同的url对应的音频长度,怎么实现

如题:微信项目中收到微信端推送过来的amr格式的音频文件,转码为MP3 之后,需要在自己的页面上展示,并且播放,使用了HTML的audio标签; 实现方式是: 定义了一个全局的audio标签,每次需要...

miss_all
2016/05/26
2.1K
1
HTML5 之美:推荐9款优秀的 HTML5 音乐播放器

过去,在网页上播放音频都是通过第三方插件来播放的,如 Flash、QuickTime 和 Silverlight 等,没有统一的音频播放标准。HTML5 通过 audio 元素来提供在网页中嵌入音频的标准方法,下面这9款...

未来十年
2012/09/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周日乱弹 —— 请务必让我分担他们的痛苦!

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @clouddyy :分享石元丈晴的单曲《Why》: 《Why》- 石元丈晴 手机党少年们想听歌,请使劲儿戳(这里) @一代码哥 :当他妈狗屁的程序员,天天...

小小编辑
18分钟前
44
2
php 遇到 No input file specified的解决方法

(一)IIS Noinput file specified 方法一:改PHP.ini中的doc_root行,打开ini文件注释掉此行,然后重启IIS 方法二: 请修改php.ini 找到 ; cgi.force_redirect = 1 去掉前面分号,把后面的1...

chenhongjiang
今天
7
0
MySQL 基础

一、常用命令 在命令行中,配置好环境变量后,通过cmd可以直接进入mysql命令行模式,同时列举几种常用命令 # 进入mysql数据库,密码可以先不写,打完-p后再输入,防止被别人看到mysql -u账...

华山猛男
今天
6
0
简单的博客系统(四)Django请求HTML页面视图信息--基于函数的视图

1. 编写用于查询数据的功能函数 应用目录 下的 views.py 文件通常用于保存响应各种请求的函数或类 from django.shortcuts import renderfrom .models import BlogArticles# Create your ...

ZeroBit
今天
5
0
用脚本将本地照片库批量导入到Day One中

因为目前iCloud 空间已经不足,其中95%都是照片,之前入手了DayOne,且空间没有限制,订阅费一年也不少,再加上DayOne作为一款日记App 也比较有名,功能方面最大的就是地理视图与照片视图,尤...

在山的那边
昨天
23
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部