HTML AudioPlayer

Question

Witam

Mam pewien problem z HTML5.

Chcę napisać pustą białą stronkę zupełnie bez niczego, na której automatycznie po uruchomieni

w pętli odtwarzał by się jakiś dźwięk.

Problem jest w tym, że w internecie nie znalazłem nawet takiej opcji,

żeby dźwięk się w ogóle odtwarzał bez panelu o nazwie ("controls").

Mój główny problem jest w tym,

że po uruchomieniu z opcją (autoplay) dźwięk się nie odtwarza automatycznie tylko muszę nacisnąć przycisk (play).

Proszę o pomoc :)

<audio src="sound.mp3" autoplay controls loop>

 

Answer 1

Przyznam, że nie pracowałem za dużo z elementami audio i video ale czytałem gdzieś, że autoplay podobno nie działa na mobilkach. Jak jest na PC to nie wiem, ale jeśli element ten jest w pełni dobrze zapisany w sensie składni html to pierwsza moja myśl - a może by z poziomu JS wywołać event play po załadowaniu strony?

Answer 2

<audio
  src="zrodlo" autoplay loop controls="nocontrols">
  Tekst alternatywny
</audio>

tak mi sie wydaje

Answer 3

De facto się nie da – autoplay jest blokowany praktycznie w każdej przeglądarce. Da się odpalić dźwięk dopiero po interakcji ze strony użytkownika, np. kliknięciu.

Comments

A gdyby to kliknięcie triggerować z JSa, albo tak jak zaproponował @Tomek Sochacki, np. użyć metody play? Mnie się zdarza, pomimo włączonego AdBlockera, że na stronach pokroju wp.pl odtwarzacz startuje sam po wejściu na stronę.

---

Odpalenie zdarzenie nic nie da, bo to stworzy niezaufane zdarzenie – czyli takie, które powstało bez udziału użytkownika.

Co do samoistnego odpalenia się odtwarzacza: Chrome stosuje jakiś dziwny wskaźnik zaangażowania, który pozwala odpalać odtwarzać na niektórych stronach (np. YT).