• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

javascript - safari ios audio-拒绝播放错误

[复制链接]
菜鸟教程小白 发表于 2022-12-11 20:34:30 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

javascript 错误是:Unhandled Promise Rejection: NotAllowedError: 在当前上下文中,用户代理或平台不允许请求,可能是因为用户拒绝了权限。

我的设置适用于其他浏览器、桌面和移动设备。

它的工作方式是:

  • 有一个标志first_audio_played = false;
  • 添加一个播放一些音频的触摸事件监听器,并设置 first_audio_played = true;(然后移除触摸监听器)
  • 所有后续音频检查if(first_audio_played) some_other_audio.play();

这样,只有第一个播放的音频需要用户直接输入。之后,所有音频都可以通过游戏内事件、时间等自由触发...

这似乎是大多数浏览器中音频的“规则”。 每个音频需要由用户输入触发的 iOS“规则”是什么?还是我还缺少其他步骤?



Best Answer-推荐答案


对于我的 javascript 游戏,声音最近在 iOS 上停止工作。他们都有readyState=4,但只有我在水龙头上播放的声音有效,其他的都不会播放。也许您可以在第一次点击时播放所有声音。但是我发现现在对我有用的解决方案是从 ajax arraybuffers 加载所有声音并使用 decodeAudioData()。然后,一旦您通过用户点击(而不是 body )播放了 1 个声音,它们就会随时播放。

这是我的工作代码,其中第二种方法位于底部。当我点击播放 sound2 时,sound1 也开始工作。

<html>
    <body>
        <div id=all style='font-size:160%;background:#DDD' onclick="log('clicked');playSound(myAudio)">
            Sound1 should be playing every couple seconds.
            <br />Tap here to play sound1.
        </div>
        <div id=debug style='font-size:120%;' onclick="playSound(myAudio2)">
            Tap here to play the sound2.
        </div>
        <script>
            var url = "http://curtastic.com/drum.wav"
            var url2 = "http://curtastic.com/gold.wav"
            var myAudio, myAudio2
            if(0)
            {
                var playSound = function(sound)
                {
                    log("playSound() readyState="+sound.readyState)
                    log("gold readyState="+myAudio2.readyState)
                    sound.play()
                }

                var loadSound = function(url, callback)
                {
                    var audio = new Audio(url)
                    audio.addEventListener('canplaythrough', function()
                    {
                        log('canplaythrough');
                        if(callback)
                            callback()
                    }, false)

                    audio.load()
                    if(audio.readyState > 3)
                    {
                        log('audio.readyState > 3');
                        if(callback)
                            callback()
                    }
                    return audio
                }

                myAudio = loadSound(url, startInterval)
                myAudio2 = loadSound(url2)
            }
            else
            {
                var playSound = function(sound)
                {
                    log("playSound()")
                    var source = audioContext.createBufferSource()
                    if(source)
                    {
                        source.buffer = sound
                        if(!source.start)
                            source.start = source.noteOn

                        if(source.start)
                        {
                            var gain = audioContext.createGain()
                            source.connect(gain)
                            gain.connect(audioContext.destination)

                            source.start()
                        }
                    }
                }

                var loadSound = function(url, callback)
                {
                    log("start loading sound "+url)

                    var ajax = new XMLHttpRequest()
                    ajax.open("GET", url, true)
                    ajax.responseType = "arraybuffer"
                    ajax.onload = function()
                    {
                        audioContext.decodeAudioData(
                            ajax.response,
                            function(buffer)
                            {
                                log("loaded sound "+url)
                                log(buffer)
                                callback(buffer)
                            },
                            function(error)
                            {
                                log(error)
                            }
                        )

                    }
                    ajax.send()
                }

                var AudioContext = window.AudioContext || window.webkitAudioContext
                var audioContext = new AudioContext()

                loadSound(url, function(r) {myAudio = r; startInterval()})
                loadSound(url2, function(r) {myAudio2 = r})
            }

            function startInterval()
            {
                log("startInterval()")
                setInterval(function()
                {
                    playSound(myAudio)
                }, 2000)
            }

            function log(m)
            {
                console.log(m)
                debug.innerHTML += m+"<br />"
            }
        </script>
    </body>
</html>

关于javascript - safari ios audio-拒绝播放错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52298195/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap