Hướng dẫn how do i autoplay audio in html chrome? - làm cách nào để tự động phát âm thanh trong html chrome?

Giải pháp #1

Giải pháp của tôi ở đây là tạo ra một iframe

và thẻ audio cũng như các trình duyệt không chrome

Và trong

  var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
  if (!isChrome){
      $('#iframeAudio').remove()
  }
  else {
      $('#playAudio').remove() // just to make sure that it will not have 2x audio in the background 
  }

Giải pháp #2:

Ngoài ra còn có một cách giải quyết khác cho điều này theo @leonard

Tạo một iframe không chơi bất cứ thứ gì chỉ để kích hoạt autoplay trong tải đầu tiên.

Nguồn tốt cho tập tin MP3 im lặng.mp3

Sau đó chơi tệp âm thanh thực của bạn một cách thoải mái.

Cá nhân tôi thích giải pháp #2 vì đó là cách tiếp cận sạch hơn vì không phụ thuộc quá nhiều vào JavaScript.solution #2 because it is cleaner approach for not relying so much in JavaScript.

Cập nhật tháng 8 năm 2019

Giải pháp #3

Thay thế chúng ta có thể sử dụng

Đối với Firefox, có vẻ như Audio Auto-Play đang hoạt động, vì vậy chúng tôi không cần phần tử

// index.js
let audioPlaying = true,
    backgroundAudio, browser;
browser = navigator.userAgent.toLowerCase();
$('').prependTo('body');
if (!browser.indexOf('firefox') > -1) {
    $('').prependTo('body');
    backgroundAudio = setInterval(function() {
        $("#background-audio").remove();
        $('').prependTo('body');
    }, 120000); // 120000 is the duration of your audio which in this case 2 mins.
}

Ngoài ra, nếu bạn có một sự kiện chuyển đổi cho âm thanh của mình, hãy đảm bảo xóa phần tử

Lưu ý: Sau khi chuyển đổi của bạn, nó sẽ khởi động lại từ đầu vì

$(".toggle-audio").on('click', function(event) {
    audioPlaying = !audioPlaying;
    $("#background-audio").remove();

    clearInterval(backgroundAudio);
    if (audioPlaying){
        $(".audio1").play();
        // play audio 
    }
    else {
        $(".audio1").pause();
    }

Và bây giờ hãy đảm bảo ẩn các yếu tố

audio, embed {
    position: absolute;
    z-index: -9999;
}

Lưu ý:

  var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
  if (!isChrome){
      $('#iframeAudio').remove()
  }
  else {
      $('#playAudio').remove() // just to make sure that it will not have 2x audio in the background 
  }

Cách bật Autoplay âm thanh và video HTML với âm thanh, trong Chrome và các trình duyệt khác, vào năm 2019

Cập nhật Trombone buồn: Điều này đã được cố định, đã cố định bởi hầu hết - nếu không phải tất cả - trình duyệt bây giờ 🙁 & nbsp;

Một khách truy cập phải tương tác với trang web trước khi âm thanh có thể phát. Một nhấp chuột bất cứ nơi nào trên trang web là đủ.

Chrome không còn cho phép & nbsp; Audio Autoplay và video AutoPlay với âm thanh. & NBSP; Tôi hy vọng các trình duyệt khác sẽ làm theo trong tương lai gần.

Tôi hoàn toàn hiểu rằng quảng cáo video với âm thanh bắt đầu phát ra từ đâu là siêu khó chịu. & NBSP; Chúng là lý do cho sự thay đổi chính sách này.

Nhưng, nếu bạn là người tạo nội dung video, nhà phát triển trò chơi, nhà thiết kế trải nghiệm hoặc nhà thiết kế âm thanh tạo trang của riêng bạn, thì đây thực sự là một tin xấu.

Tôi đã tìm thấy một cách để kích hoạt tự động phát bằng âm thanh một lần nữa, chỉ với một dòng HTML duy nhất và tất nhiên, tôi đã sử dụng nó tốt trên trang web này, ở đây và ở đây.

Kiểm tra đoạn trích này:

Tôi đã thêm một Invisible & nbsp; iframe với một .mp3 làm nguồn của nó và & nbsp; cho phép = tựa autoplay trước khi phần tử âm thanh. Do đó, trình duyệt bị lừa bắt đầu bất kỳ tệp âm thanh tiếp theo nào. Hoặc Autoplay một video không bị tắt tiếng.iframe with an .mp3 as its source and allow=”autoplay” before the audio element. As a result, the browser is tricked into starting any subsequent audio file. Or autoplay a video that isn’t muted.

Tôi đã sử dụng một tệp .mp3 mà chỉ là một giây im lặng. Nó nặng 37kb - có kích thước bằng hình ảnh thu nhỏ. Bạn có thể tải xuống .mp3 ở đây.

Làm cách nào để HTML tự động phát âm thanh?

Làm cách nào để Autoplay Audio trong HTML không có điều khiển?

Làm cách nào để kích hoạt chơi tự động trong chrome?

Làm cách nào để kích hoạt Audio Autoplay?