音声タグ自動再生モバイルでは動作しません

Question

私はこのコードを使用しています。controlsが表示されたら、自動再生は機能していません。

​​

とそのモバイル機器での作業と非常によくウェブサイトでは動作しません。 誰も私にこの問題を教えてもらえますか？

おかげで、よくおくる

Answer 1

自動再生がモバイルブラウザでの作業を取得する方法はありません。 （これは許可されていません）

しかし、いくつかのトリックはこれを行います。

いくつかのトリックを表示するには、以下のリンクをクリックして

Autoplay audio on mobile safari

iOS-Specific Considerations | Loop Attribute

Answer 2

あなたはAudioContext APIを使用して任意のArrayBuffer（すなわちからソースを取って音を再生することができます：XMLHttpRequestからかFile）

window.addEventListener('load', function() { 
     var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); 
     var source = audioCtx.createBufferSource(); 
     var xhr = new XMLHttpRequest(); 
     xhr.open('GET', 'audio-autoplay.wav'); 
     xhr.responseType = 'arraybuffer'; 
     xhr.addEventListener('load', function (r) { 
      audioCtx.decodeAudioData(
        xhr.response, 
        function (buffer) { 
         source.buffer = buffer; 
         source.connect(audioCtx.destination); 
         source.loop = false; 
        }); 
      source.start(0); 
     }); 
     xhr.send(); 
    }); 

ChromeとFirefoxの両方のモバイルおよびデスクトップ上の

作品

編集：

それがこの「トリック」が、実際にブラウザのバグとみなすことができることを、IMO、言及する価値がある、ともはやで動作しない可能性がありますブラウザがこれによってユーザーエクスペリエンスが損なわれると判断した場合、いつでも（広告などの）広く使用されている迷惑になります。

それはあなたがaudio`タグ `のための自動再生についての正しい