Forum PHP.pl > Mobilne przeglądarki(android), a element audio

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Mobilne przeglądarki(android), a element audio

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

radziopoke

21.08.2014, 10:42:40

Mam kłopot z elementem audio na przeglądarkach mobilnych.

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
  <script type="text/javascript">
   var test = new Audio();
   test.src = 'intro.mp3';
   $(test).on('canplaythrough', function(){
     test.play();
   });
  </script>
 </head>
 <body>
 
 </body>
</html>
[HTML] pobierz, plaintext

to jest skrypt, który próbuję odpalić na przykład na mobilnym chromie. Niestety nic nie słyszeć choć nie powinno być z tym problemów (przeglądarka obsługuje elementy audio z formatem mp3). O dziwo gdy dodam przycisk i dam mu możliwość odtworzenia tego audio to nie ma z tym najmniejszych problemów. Żadna inna funkcja (oprócz kilkania w przycisk) nawet setTimeout ustawiona na 10sekund nie może odtworzyć dzwięku (w tym czasie na pewno dzwięk byłby załadowany). Więc zastanawia mnie dlaczego tylko funkcja "click" działa.
a i żeby nie było zdarzenie 'canplaythrough' działa (wstawiłem tam alerta i został wyświetlony).
Przeglądarki konputerowe, nie mają najmniejszych problemów z uruchomieniem tego skryptu. Czy da się jakąś właczyć dzwięk bez click-a?

Turson

21.08.2014, 10:45:59

Spróbuj:

Kod

$(document).ready(function() {
    var test = new Audio();
    test.src = 'intro.mp3';
    $(test).on('canplaythrough', function() {
        test.play();
    });
});

radziopoke

21.08.2014, 11:07:38

Niestety, to również nie pomaga. Tez to wczesniej testowałem...
Edit:
O dziwo jak już raz uruchomię przyciskiem muzykę to już dalej mogę ją bez problemu kontrolować za pomocą takich funkcji jak setTimeout. A nawet dodatkowe obiekty audio się już też uruchamiają bez pomocy przycisku. Więc zastanawia mnie tylko kwestia dlaczego najpierw musze mieć jakiś rozrusznik...

by_ikar

21.08.2014, 14:34:04

Dzieje się tak dlatego że twórcy przeglądarek mobilnych stwierdzili że muszą ograniczyć takie autoplay dla dobra transferu użytkownika. Jakiś czas temu było kilka tricków na ominięcie tego, jak trigger który wywoływał click na danym elemencie, ale z każdym patchem twórcy mobilnych przeglądarek blokowali takie możliwości. Na chwilę obecną jest ciężko aby na wszystkich przeglądarkach to działało, użytkownik musi wykonać jakąś interakcje inaczej samo niestety to nie zagra. Podobnie jest z fullscreen dla którego również musi wystąpić interakcja, tyle że tutaj kwestia dotyczy wszystkich platform. Bo normalnie mógłbyś sobie ten autoplay ustawić jako atrybut/właściwość:

[HTML] pobierz, plaintext 
<audio controls autoplay>
  <source src="intro.mp3" type="audio/mpeg">
</audio>
[HTML] pobierz, plaintext

Ale mobilne przeglądarki również to pomijają. Także niestety, na chwile obecną tego nie obejdziesz, a nawet jeżeli ci się to uda, w następnych aktualizacjach przeglądarek mobilnych mogą to załatać i znów będziesz bez ficzera.

radziopoke

24.08.2014, 12:12:25

dzięki

Tworzę pewną gierkę w której dźwięk ma lekkie znaczenie. Ale zrobiłem to na własny sposób. Gdy skrypt wychwyci, że muzyka nie wystartowała to na całym ekranie pokazuje się przycisk informujący o tym, że bez kliknięcia w dany przycisk nie ma muzyki przez co nie można uruchomić gry

Ale jeszcze raz dziękuję za rozwikłanie tej sprawy

by_ikar

24.08.2014, 12:56:42

Jeżeli jest to gierka, to możesz napisać prostą aplikacje w której użyjesz wbudowanego silnika rendrowania, lub jakiegoś innego już gotowego, podasz na sztywno adres do strony i udostępnisz samą aplikacje. Ona będzie wtedy miała niewiele ponad kilkaset kb, taka aplikacja na każdą platformę, no a ty zyskasz większe możliwości nad swoją grą.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.