首页 » 前端技术 » 怎么解决js在ios中播放音频.play()方法报错的问题

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

高蒙 2016/10/18 22:31 7.6k浏览 0评论 jQuery/js


由于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端不能播放音频的解决方法。这里面有开始和暂停播放的效果,具体的样式就自己去调整吧。





相关文章

我有话说

站长昵称:(*)

输入内容:

选个头像:

评论列表

    ...

    高蒙

    男, PHP程序猿

    文章

    485

    标签

    42

    热度

    10w+

    南京, 江苏, 中国

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