Audio u Base64
Kodiraj zvučnu datoteku u Base64 i ugradi je izravno u web stranicu, igru ili aplikaciju. Pretvarač audio u Base64 generira gotove HTML5 i JavaScript isječke i omogućuje reprodukciju rezultata za provjeru.
Kako pretvoriti Audio u Base64 online
- Odaberi audio datoteku ili zalijepi njezin URL.
- Odaberi izlazni format (data URI, <audio>, JavaScript Audio, ...).
- Klikni Kodiraj audio u Base64 i testiraj reproduktor.
Više Audio u Base64 pretvarača
Izlazni formati
Odaberi kako treba omotati rezultat. Pretvarač može vratiti:
- txt: samo Base64 niz, spreman za lijepljenje u kod, polje baze podataka ili API zahtjev.
- uri: potpuni
data:URI koji možeš zalijepiti u adresnu traku preglednika ili koristiti gdje god se prihvaća URL. - html audio: HTML5
<audio controls>reproduktor. - html source: medijski element s ugniježđenom
<source>oznakom i MIME tipom. - html embed:
<embed>oznaka. - html object:
<object>oznaka s type atributom. - html hyperlink:
<a>poveznica koja preuzima ili otvara ugrađenu datoteku. - html iframe:
<iframe>koji renderira sadržaj ugrađeno. - javascript audio: JavaScript koji stvara i reproducira
Audioobjekt. - javascript popup: JavaScript koji otvara sadržaj u novom prozoru.
- json: JSON objekt s nazivom datoteke, MIME tipom i podacima.
- xml: XML element s podacima unutar CDATA sekcije.
Savjeti
Drži ugrađeni audio kratkim: zvukovi obavijesti i UI efekti su idealni. Preferiraj komprimirane formate (MP3, Ogg/Opus) da Base64 niz ostane mali.
Base64 predstavlja svaka 3 bajta s 4 znaka, pa je kodirani rezultat oko 33% veći od izvorne datoteke (plus nekoliko bajtova za padding i prefiks data URI-ja).
Često postavljana pitanja
Kako reproducirati Base64 audio u HTML-u?
Koristi <audio controls src="data:audio/mpeg;base64,..."></audio> ili u JavaScriptu: new Audio("data:audio/mpeg;base64,...").play().
Koje audio formate preglednici mogu reproducirati?
MP3, WAV, Ogg (Vorbis/Opus), AAC/M4A i FLAC podržavaju svi moderni preglednici. WMA ne.
Komentari (0)
Pitanja, ideje ili greška u “Audio u Base64”? Ostavi komentar, ocijeni alat ili odgovori drugima.
Još nema komentara. Budi prvi koji podijeli povratne informacije!