• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Audio w PHP oraz JS

VPS Starter Arubacloud
0 głosów
130 wizyt
pytanie zadane 20 sierpnia 2020 w PHP przez okti00 Obywatel (1,300 p.)
edycja 20 sierpnia 2020 przez okti00

Witam,

od niedawna piszę stronę, która wyświetla pliki dźwiękowe. Mój problem polega na tym, iż chciałbym zrobić aby zapamiętany był ostatni wybór, ustawienie głośności. 

Na razie mam coś takiego:

	echo '<audio id="Test_Audio" class="audioPlayer" controls controlsList="nodownload">';
	echo '<source src="'.$p_file.'" type="audio/mpeg">';
	echo '<a href="'.$p_file.'">Pobierz plik</a>';
    echo '</audio> ';
echo '<button onclick="volume()" type="button">Return Volume </button> ';
    <script> 
        var gfg = document.getElementById("Test_Audio"); 
          
        function volume() {  
            alert(gfg.volume); 
        }  
    </script>  

I ten oto kawałek kodu, wyciąga mi aktualnie zapisaną wartość volume:

Niestety nie wiem, jak mogę to wyciągnąć do php aby dodać do np. ciasteczek aby zapamiętany został wybór użytkownika. 

Co musiałbym zrobić aby to wyciągnąć i dodać np. do ciasteczek?

2 odpowiedzi

0 głosów
odpowiedź 20 sierpnia 2020 przez Tomek Sochacki Ekspert (227,510 p.)
Do cookies to dodasz w js, poczytaj o obiekcie document. Ale moim zdaniem cookiea i browser storage to nie miejsce na takie dane, pare lat temu oki, ale dziś wiele userow korzysta z kilku urządzeń wiec lepszy jest raczej jakiś prosyy storage w backendzie typu key-value np. z auth usera.
0 głosów
odpowiedź 20 sierpnia 2020 przez ScriptyChris Mędrzec (190,190 p.)

https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie 

document.cookie = `volume=${gfg.volume}`;

Albo przez localStorage

localStorage.setItem('volume', gfg.volume);

https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem

komentarz 20 sierpnia 2020 przez okti00 Obywatel (1,300 p.)

Mam coś takiego:

document.cookie = "doSomethingOnlyOnce=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";

Nie bardzo potrafię dodać do tego moją zmienną

volume=${gfg.volume}

Chcę aby to ciasteczko było nie do zamknięcia okna a najlepiej jak najdłużej, tylko próbuje i nie mogę nic zrobić

komentarz 20 sierpnia 2020 przez ScriptyChris Mędrzec (190,190 p.)

No to Ci napisałem jak to zrobić.

https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie#Write_a_new_cookie

Chcę aby to ciasteczko było nie do zamknięcia okna a najlepiej jak najdłużej

Ciasteczko powinno wygasnąć w momencie zamknięcie przeglądarki, chyba że ustawisz mu nagłówek expire lub max-age, wtedy będzie dostępne przez określoną w nagłówku ilość czasu lub dopóki użytkownik go samodzielnie nie usunie. Czas "dostępności" ciasteczka możesz podejrzeć w narzędziach developerskich przeglądarki: https://developers.google.com/web/tools/chrome-devtools/storage/cookies

Podobne pytania

+1 głos
0 odpowiedzi 411 wizyt
pytanie zadane 14 maja 2018 w JavaScript przez maly93 Użytkownik (640 p.)
0 głosów
1 odpowiedź 168 wizyt
pytanie zadane 6 kwietnia 2020 w JavaScript przez maslokeeper01 Użytkownik (620 p.)
0 głosów
1 odpowiedź 115 wizyt
pytanie zadane 14 maja 2018 w HTML i CSS przez Adamek185wp Obywatel (1,280 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...