微信audio音频不能播放

最新推荐文章于 2023-03-29 15:24:47 发布
最新推荐文章于 2023-03-29 15:24:47 发布
阅读量3.7k 收藏
点赞数
分类专栏： PHP js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mz911118/article/details/89713369
版权
PHP 同时被 2 个专栏收录
36 篇文章 0 订阅
订阅专栏
js
6 篇文章 0 订阅
订阅专栏 
 <audio id="audio" src="1.mp3" controls="controls"></audio>

就这么简单的一行代码，在微信（安卓7.0.4）里面死活不能播放，一进入这个页面播放按钮和进度条就是灰色，但是在手机自带浏览器里面播放没有任何问题。各种百度谷歌，加入Weixin JSAPI的WeixinJSBridgeReady不行，点击播放……都不行。各种头大，检查一下，之前可以播放音频的程序也已失效不能播放。换另一个服务器的音频地址（http），竟然可以播放，觉得问题是出在音频地址上，因为这个服务器配置了https证书，试了一下加了s，可……以……了…………

忆之乜
关注
专栏目录
Android应用开发--MP3音乐播放器代码实现（二），非科班生金九银十求职经历
m0_64604842的博客
12-19 407
import com.wwj.sb.service.PlayerService; import com.wwj.sb.utils.ConstantUtil; import com.wwj.sb.utils.CustomDialog; import com.wwj.sb.utils.MediaUtil; /** 2013/5/7 简、美音乐播放器 @author wwj */ public class HomeActivity extends Activity { private ListV
快速解决ios微信下audio无法自动播放的问题
08-27
在iOS系统的微信环境中，audio元素的自动播放功能常常受到限制，这是由于苹果为了优化用户体验，防止不必要的音频资源在用户不知情的情况下自动播放而设定的。iOS的Safari浏览器以及内置的WKWebView（如微信内置...
解决微信音频在手机端不能播放问题
热门推荐
seFei_Q的博客
02-11 1万+
微信音频在pc端可以播放，但在ios上为了节约流量 默认是不开启播放的1.页面加载完，即播放 // --创建页面监听，等待微信端页面加载完毕 触发音频播放 document.addEventListener('DOMContentLoaded', function () { function audioAutoPlay() { ...
部分设备在微信内无法播放audio的解决方案
weixin_33834910的博客
06-28 768
临时接到一个紧急的需求，一个活动页面，在某台iPhone 5S设备上无法播放音频，其它设备均正常。我接到这个任务时，也是一脸懵逼，试过在audio标签上添加controls属性来显示audio，结果发现在界面触发事情里，无计怎么调用audio对象的play方法都没有用，但是一旦激活audio标签后，就可以调用play、pause方法 - -   最后搜索了一下，找到一个解决方案： fu...
audio音频不能自动播放的解决方法
Wang_make的博客
03-29 7654
由于浏览器限制的原因，不允许自动播放audio音频，尝试网上的方法后也没有进展（如果有解决方法，欢迎评论~）
[微信音频播放器] html5 audio 制作的微信播放器
weixin_33961829的博客
07-30 490
weixinAudio.js 一个简单的微信样式播放器 播放器DOM及CSS是微信里内置的音频播放器的样式，重新创建了控制层js，方便在在公众号，APP等场景使用。 例子 demo 地址 github 如何使用 通过以下demo来实现 HTML模板 <p class="weixinAudo"> <audio sr...
微信小程序 audio音频播放详解及实例
09-01
【微信小程序 audio 音频播放详解】 在微信小程序中，`audio` 是一个非常重要的组件，它允许开发者在小程序中实现音频的播放功能。通过合理的配置和编程，开发者可以为用户提供丰富的音频体验。以下是 `audio` 组件...
iOS系统和微信中不支持audio自动播放问题的解决方法
08-29
在iOS系统和微信环境中，audio标签的自动播放功能受到严格的限制，这主要是为了优化用户体验，避免不必要的音频自动播放导致流量消耗或干扰用户。在本文中，我们将探讨如何解决这一问题，以便在iOS设备上的微信环境...
微信网页audio标签无法正常播放音频
君子如玉的博客
08-29 2910
先简单说一下笔者遇到的情况，方便其他人员确认是否符合自身需要，项目需要做一个微信公众号活动，要求用户上传音频，然后为了减少播放器的麻烦，音频文件需要通过另外的转码服务器转成统一的mp3文件，然后再回传到项目服务器中播放（转码和服务器文件传递会在另外的文章记录），问题就在于转码之后mp3文件，在播放页面的audio标签中无法正常加载，如下图所示的这种情况： 代码其实就是普通的a...
微信浏览器音频播放
SmallDiv的博客
12-19 1515
head> "utf-8"> MP3 "text/javascript" src="http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"> head> "overflow: hidden;"> "http://oj1hxt5z0.bkt.clou
通过微信公众号实现H5音频自动播放
weixin_43837268的博客
08-20 7742
<template> 　　<audio src="../audio/one.mp3" id="audioPlay"></audio> </template> <script> 　　wx.config({ 　　debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来 　　appId: d...
微信端音频audio标签自动播放
qq_20565303的专栏
12-08 3709
在微信端，使用audio标签时，标签中的属性 autoplay="autoplay" 无法自动播放，需使用以下js控制： document.addEventListener("WeixinJSBridgeReady", function () {//微信 audio.play();//音频播放 }, false);
仿微信声音播放效果
weixin_40863414的博客
08-18 1445
一个模仿微信播放声音的效果，主要利用到了css中的steps和svg,想了解的看看我的博客： 文章地址: 仿微信声音播放效果
微信 IOS客户端 Audio自动播放的解决方案
布里渊区
02-20 2889
对于安卓机来说，下面的代码足以 var player = document.getElementById('mp3play'); player.play();但是对于IOS版本的微信，却发现不能自动播放，网上也没有好的解决方案。后来查到说是 需要在调用微信JS-API的 ready 中 调用，于是，尝试了一下，真的可以： wx.ready(function (
微信小程序开发—(十五)audio音频播放
汉堡请不要欺负面条
05-17 4039
一.知识点 （1）.audio为音频组件，我们可以轻松的在小程序中播放音频。 整理下就是： （2）.API 1.wx.createAudioContext(audioId):创建并返回 audio 上下文 audioContext 对象  audioContext:audioContext 通过 audioId 跟一个  组件绑定，通过它可以操作对应的  组件
微信网页Audio自动播放(IOS安卓)
雅心小筑
12-28 1992
尝试很多网上的方法无效,自己整理的可行方案 //之前一直是用dom元素 <audio ref="audio" loop> <source :src="sloganvoice_src" type="audio/mpeg"> </audio> //发现根本不行,在ios无法触发$('').paly() 方法
微信开发-音频播放
caoniuniu25的专栏
02-14 448
在微信中，需要通过InnerAudioContext 进行音频播放。 通过wx.createInnerAudioContext()接口可以创建一个音频实例InnerAudioContext 。 下面的代码则可以进行音频播放 var audio = wx.createInnerAudioContext() var url = "audio/test.mp3" audio.src = url ...
微信小程序点击播放音频
最新发布
07-25
要实现在微信小程序中点击播放音频，你可以使用`<audio>`标签和相应的事件监听来实现。以下是一个简单的示例代码，展示了如何在微信小程序中实现点击播放音频的功能： 在 wxml 文件中，添加以下代码： ```html <!-- 播放按钮 --> <button bindtap="playAudio">播放</button> <!-- 音频组件 --> <audio id="audio" src="{{ audioSrc }}" bindplay="onPlay" bindpause="onPause"></audio> ``` 在 js 文件中，添加以下代码： ```javascript Page({ data: { audioSrc: '音频地址', isPlaying: false }, // 播放按钮点击事件 playAudio() { const audio = this.selectComponent('#audio'); if (this.data.isPlaying) { audio.pause(); } else { audio.play(); } }, // 音频播放事件 onPlay() { this.setData({ isPlaying: true }); }, // 音频暂停事件 onPause() { this.setData({ isPlaying: false }); } }); ``` 请将`音频地址`替换为你要播放的实际音频地址。当点击播放按钮时，会触发`playAudio`方法，在该方法中判断当前是否正在播放音频，如果是，则暂停音频；如果不是，则播放音频。同时，通过`bindplay`和`bindpause`事件监听，当音频开始播放和暂停时，会触发相应的事件处理函数`onPlay`和`onPause`，在这些函数中可以根据需要进行相关操作，比如更新播放状态。 这样就可以实现点击播放音频的功能了。当点击播放按钮时，音频会开始播放；再次点击播放按钮，则会暂停音频的播放。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值