怎么解决js在ios中播放音频.play()方法报错的问题

 jQuery/js   高蒙   阅读(6890)   评论(1)   2016-10-18 22:31:36    ios .play() 播放音频 


由于app改版的比较频繁,主管有个想法就是说,我们先做个测试的版本全部用html5写,主要针对ios端,安卓端貌似没有很严格的样子。

因为ios的审核比较严格点,在之前的开发中就遇到用js去播放音频无效提示.play()方法不存在的错误。

这次在改版的过程中还是遇到了要播放音频的效果,于是这次认真的研究了一下。没错,居然成功的解决了,js怎么在ios中使用.play()的方法播放音频的问题。

效果如下:

1111.jpg

html代码:

<audio id="audio"><source src="20161012102044_57fd9dfc044cd.mp3"></audio>
<i class="icon-play-w" aria-hidden="true" onclick="bf(this);"></i>

js代码:

function bf(obj){
        var audio = document.getElementById('audio');
        if(audio!==null){
            if(!audio.paused)
            {
// 这个就是暂停
                audio.pause();
            }else{
// 这个就是播放
                audio.play(); 
            }
        }
    }


只要通过上面的几行代码就可以轻松的实现了,在ios端不能播放音频的解决方法。这里面有开始和暂停播放的效果,具体的样式就自己去调整吧。





相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客