audio语音播放，在ios上失效

最新推荐文章于 2022-08-04 10:20:42 发布
最新推荐文章于 2022-08-04 10:20:42 发布
阅读量3.8k 收藏
点赞数 2
分类专栏： JavaScript HTML5 Vue 文章标签： audio vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26769677/article/details/89689657
版权
在iOS设备上遇到audio元素的currentTime属性设置无效的问题，导致无法通过滑块控制音频播放位置。解决方法是在播放状态下才允许设置currentTime。另外，为了解决音频无法播放的问题，采取策略是限制界面中只显示一个audio标签，通过setTimeout延迟播放，确保音频加载完成后再执行播放动画。
摘要由CSDN通过智能技术生成
  1. currentTime 属性设置失效
    当需要拖动滑块控制音频时，先设置音频只有在播放的状态下才能拖动重新设置currentTime。
    代码片段：
onDrag(value, index, ext) {
   
      // 在已经播放的前提下才能拖动滑条
      if (this.isPlaying) {
   
        this.audioClickSatus = 1
        this
最低0.47元/天 解锁文章
hello，是翠花呀
关注
专栏目录
【Unity3D应用案例系列】Unity3D中实现文字转语音的工具开发
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-04 2002
大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。在开发中，会遇到将文字转语音输出的需求，一般是通过在网上找免费的工具去实现。常用的免费工具比如说：这些有些差强人意，配音的质量有点问题，而且还容易崩溃，就想着用Unity去实现一个文字转语音的工具。本篇文章，使用去实现文字转语音的功能，会从，一步一步实现，最后也会将工程上传，欢迎大家批评指正。先看一下效果图：（1）打开讯飞开发平台https://www.xfyun.cn/，登录注册一下： （2）注册完进入控制台h
微信小程序 - 超详音乐列表点击播放 mp3 wav 音乐文件，支持音频暂停播放 / 图标切换 / 流畅切换音频（暂停音乐后，会保留音乐 “进度“ 再次点击时继续播放）解决pause()暂停问题
王佳斌
10-22 4820
微信小程序实现列表点击播放音频，微信小程序实现音乐列表:播放、进度把控，微信小程序Audio列表音乐单独播放，音乐播放器，wx.createInnerAudioContext音频如何中断播放，微信小程序如何实现一个音乐列表，微信小程序怎么实现一个音乐播放列表，微信小程序如何播放mp3音频，微信小程序点击暂停音乐及保留进度，小程序音频列表切换音频，完美解决微信小程序音频innerAudioContext.pause()无法暂停，微信小程序wx.createInnerAudioContext()在安卓手机不能播
移动端video标签currentTime属性设置无效的解决方案
weixin_41614732的博客
04-17 7214
开发的时候遇到一个需求，需要视频在指定某一秒开始播放。 比如需要从第5秒开始播放视频，然后设置 var video = document.getElementsByTagName('video')[0]; video.currentTime = 5; video.play(); 然后发现pc端正常播放，移动端在浏览器则是重头开始播放，网上找了一些资料，使用了canplay 和loadedmeta...
移动端 iOS 设置 audio 的 currentTime 无效解决方法
weixin_60266866的博客
08-04 757
/ 判断是否安卓设备。
解决 iOS HTML ＜audio＞ 标签设置 currentTime 后再获取它的值没有变化
qq1014156094的博客
04-26 1128
问题复现 框架：Vue 组件：@liripeng/vue-audio-player iOS 版本：14.4 注意：this.$refs.audio 是 <audio> 标签实例 当我点击进度条时设置了 currentTime，例如 this.$refs.audio.currentTime = 30，但不执行播放。 点击播放按钮，执行 this.$refs.audio.play() 和 window.setInterval(() => { console.log(this.$refs.a
audio 指定时间播放
qq_35696889的博客
03-20 2465
最近做的项目中，有一个需求：是需要根据指定的开始、结束时间去播放音频。 理所当然的想到的是修改audio的currentTime，监听timeupdate。 但是在pc端可以正常播放，但是在iphone上却播放不了。所以就在网上找了一下解决办法，比较零散，所以整理了一下代码。 特此记录一下。 var myAudio = $("#audio1")[0]; document.addEventListe...
audio / video 媒体标签在IOS端触发不了的两种解决方法，亲测有效~
Umbrella_Um的博客
04-02 5313
什么？？音视频标签在IOS手机上播放不了，你一定踩了这个坑，来看看怎么解决吧~
vue 关于视频播放器vue-video-player，PC端正常，苹果手机初始化没有办法设置进度，currentTime 设置不生效解决
qq_31334321的博客
04-15 2178
1.最近项目用了vue-video-player插件 去做视频音频的设置播放，要做一个断点继播的功能，发现苹果手机没有办法实现currentTime 初始化设置进度，后面百度很久解决如下 记录下 重点是 @timeupdate="onPlayerTimeupdate($event)" （如果要做苹果端兼容就加这个放） 这个是初始化的时候设置音视频进度的方法 @loadeddata="onPlayerLoadeddata($event)" 怎么用这个插件大家看看http://t.csdn.cn/Xf
h5 audio音频文件流在ios中无法正常播放的大坑解决
热门推荐
qq_33593958的博客
01-15 1万+
1、通过文件流 2、循环多个audio标签来播放 3、android可以ios出现加载最后一点后闪退，文件损坏 4、android可以播放、ios能播放但是没有声音 以上是遇到的大坑之旅。。。下面就直接来为屌丝们来解决： var $audio = document.getElementById("audio"+index); var source = document.createEleme...
解决在iOS中audio不能正常播放音频问题-1
weixin_44514665的博客
12-17 4360
场景 想要在微信浏览器里面实现”当用户点击某个元素，播放指定音频“ 问题 在部分iOS手机上，音频不能正常播放。测试发现iOS 12版本以及以下的版本可能会有播放问题。 解决办法： function baseMp3PlayIOS(id) { let audio = document.getElementById(id), my_play = function(){ ...
微信小程序audio组件播放按钮失效解决方案
zhuyunwenx的博客
03-04 2663
我中写小程序用到组件时，发现有时候点击播放按钮之后，虽然音频能播放，但是播放按钮会丢失，这就会导致一个问题，用户无法暂停播放，导致用户体验下降。原因没有去追究，应该是组件的bug，因为赶时间，所以尝试了一个替代方案，就是自己放一个按钮，盖住组件自身的按钮，然后用该按钮来控制音频的播放即可。 //备用的语音控制 audio_button: function (e) { if(this....
unity接入讯飞语音识别iOS SDK的遇到的棘手问题！
走向菜鸟的菜鸟的博客
01-04 2167
问题描述：unity的界面展示需要背景音乐和语音识别的功能，我iOS写好的接入讯飞语音识别的文件嵌入到unity导出的Xcode工程中，当开始录音进行识别的时候，背景音乐和识别错误提示音都正常，当结束语音识别的时候，背景音乐就没有声音了，是一直都不会再有声音。
[HTML] html5 audio video currentTime失效不起作用解决方法
Epic_bl的博客
12-31 1608
昨天在修改问题的时候发现[HTML] html5 audio video currentTime失效不起作用无法拖动进度条解决方法。一下是我解决问题博客。 1.[HTML] html5 audio video currentTime失效不起作用无法拖动进度条解决方法： https://www.51-n.com/t-4306-1-1.html 2.关于video-js currentTime()无效的解决办法 https://blog.csdn.net/LLittleF/article/details/827
iOS 获取视频当前缓冲的时间 - 即可以播放的时间
liubo的博客
12-11 1651
- (NSTimeInterval)availableDuration { ///获取缓冲的时间数组 ，数组中的对象是 CMTimeRangeValue NSArray *timeRangeArray = _playerItem.loadedTimeRanges; CMTime currentTime = [_player currentTime]; BOOL foundRange = NO; CMTimeRange aTimeRange = {0}; if (t
audio.currentTime 和video.currentTime 失效的问题
花神的博客
07-19 1万+
最近在做移动端的项目时遇到，audio和video中的媒体文件的currentTime失效进而无法快进。 复现方法： 使用chrome在本地局域网如： http://192.168.1.104:8020/index.html打开 或者 在公司的服务器上打开页面时会出现这种情况但直接双击index.html打开和localhost下面打开是可以快进的，使用火狐和IE任何时候都是表现正常的这种情况很有
audio 和 video 在 ios 和 andriod 中自动播放
最新发布
04-02
在 iOS 和 Android 中，浏览器对于自动播放的处理方式...总之，为了确保您的网站能够在 iOS 和 Android 设备上成功自动播放视频和音频，最好的方法是通过用户互动来触发播放，或者提供一个明确的播放按钮供用户点击。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值