Odtworzenie muzyki od razu po otwarciu strony

Odtworzenie muzyki od razu po otwarciu strony

Wątek przeniesiony 2023-03-01 15:52 z JavaScript przez Riddle.

Dominik Poznański
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 7
0

Witam, potrzebuję umieścić na stronie muzykę w tle, która włącza się po załadowaniu strony. Czy istnieje jakieś obejście tego?

WhiteLightning
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 3257
3

Tak, nie rob tego, strony odtwarajace same z siebie dowolne dzwieki to zlo.

Dominik Poznański
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 7
0
WhiteLightning napisał(a):

Tak, nie rob tego, strony odtwarajace same z siebie dowolne dzwieki to zlo.

Nie twierdze że jest to słuszne tylko jak to zrobić. :)

Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
0

No po prostu odpal kod który włącza odtwarzanie.

Dominik Poznański
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 7
0
Riddle napisał(a):

No po prostu odpal kod który włącza odtwarzanie.

Tyle że autoplay jest blokowany przez przeglądarki

Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
0
Dominik Poznański napisał(a):
Riddle napisał(a):

No po prostu odpal kod który włącza odtwarzanie.

Tyle że autoplay jest blokowany przez przeglądarki

Mówiąc autoplay masz na myśli atrybut autoplay="autoplay" w HTML'u?

Bo ja mówiłem o kodzie JS.

Dominik Poznański
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 7
0
Riddle napisał(a):
Dominik Poznański napisał(a):
Riddle napisał(a):

No po prostu odpal kod który włącza odtwarzanie.

Tyle że autoplay jest blokowany przez przeglądarki

Mówiąc autoplay masz na myśli atrybut autoplay="autoplay" w HTML'u?

Bo ja mówiłem o kodzie JS.

Tak miałem na myśli htmla, czy mógłbyś trochę nakierować mówiąc o JS'ie? Próbowałem różnych sposobów niestety nie działa.

Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
0
Dominik Poznański napisał(a):

Próbowałem różnych sposobów niestety nie działa.

No to pokaż.

Dominik Poznański
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 7
0
Riddle napisał(a):
Dominik Poznański napisał(a):

Próbowałem różnych sposobów niestety nie działa.

No to pokaż.

Kopiuj
 <audio src="mysong.mp3" id="my_audio" loop="loop"></audio>

  <script type="text/javascript">
    window.onload=function(){
      document.getElementById("my_audio").play();
    }
  </script>
Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
0
Dominik Poznański napisał(a):
Riddle napisał(a):
Dominik Poznański napisał(a):

Próbowałem różnych sposobów niestety nie działa.

No to pokaż.

Kopiuj
 <audio src="mysong.mp3" id="my_audio" loop="loop"></audio>

  <script type="text/javascript">
    window.onload=function(){
      document.getElementById("my_audio").play();
    }
  </script>

Próbowałeś google'ać "javascript autoplay sound"?

Dominik Poznański
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 7
0

Tak

Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
LukeJL
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 8487
0

A co robisz dokładnie? Bo samogrająca się muzyka to zwykle nie jest dobry pomysł. To użytkownik powinien decydować, czy chce, żeby mu coś grało.

Witam, potrzebuję umieścić na stronie muzykę w tle, która włącza się po załadowaniu strony. Czy istnieje jakieś obejście tego?

Tak. Możesz zrobić dużą ikonkę play i zasugerować, żeby użytkownik w nią kliknął. I w evencie click odpalić potrzebny kod.

madaucka
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 9
0
Dominik Poznański napisał(a):
Riddle napisał(a):
Dominik Poznański napisał(a):

Próbowałem różnych sposobów niestety nie działa.

No to pokaż.

Kopiuj
 <audio src="mysong.mp3" id="my_audio" loop="loop"></audio>

  <script type="text/javascript">
    window.onload=function(){
      document.getElementById("my_audio").play();
    }
  </script>

Teoretycznie to nie ma nic złego w tym skrypciku. O ile nie jest to "You Suffer" by Napalm Death ;) Taki żart... A wracając do Twojego problemu to znalazłem mały hack z wykorzystaniem iframe, ale podobno nie jest odpalane na Safari. W każdym razie dodaj to przed tagiem audio:

Kopiuj
<iframe src="mysong.mp3" type="audio/mp3" allow="autoplay"></iframe>
<audio src="mysong.mp3" id="my_audio" loop="loop"></audio>

Chcesz sobie dodać kilka punktów do frustracji użytkowników to ustaw style na display: none... No i pozostaje kwestia loopa do ogarnięcia.

Kopiuj
<iframe src="horse.mp3" type="audio/mp3" allow="autoplay" style="display:none"></iframe>

Przepraszam, ale diabelska natura tego problemu podkusiła mnie na mały "research" :)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.