HTML5 e bën të lehtë për të shtuar tingullin dhe muzikën në faqet tuaja të internetit me elementin. Në fakt, gjëja më e vështirë për të bërë është krijimi i burimeve të shumëfishta që ju nevojiten për të siguruar që skedarët tuaj të zërit të luajnë në shumëllojshmëri më të gjerë të shfletuesve.
Përfitimi i përdorimit të HTML5 është që ju mund të futni tingujt vetëm duke përdorur disa etiketa. Shfletuesit, atëherë, luajnë tingull ashtu si do të shfaqin një imazh kur përdorni një element IMG .
Si të Shto Sound në një Faqe Web HTML5
Ju do të duhet një Editor HTML , një skedar zanor (mundësisht në formatin MP3), dhe një konvertues të skedarit të zërit.
- Së pari, keni nevojë për një skedar të shëndoshë. Është më mirë të regjistroni skedarin si MP3 ( .mp3 ) pasi kjo ka cilësi të lartë të zërit dhe mbështetet nga shfletuesit më të shumtë (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ dhe Safari 5+).
- Konvertoni skedarin tuaj në format Vorbis ( .ogg ) për të shtuar në Firefox 3.6+ dhe mbështetjen e Opera 10.5+. Ju mund të përdorni një konvertim si ai i gjetur në Vorbis.com. Ju gjithashtu mund të konvertohet MP3 tuaj në një format skedari WAV ( .wav ) për të marrë përkrahje nga Firefox dhe Opera. Unë rekomandoj që ta postoj dosjen tënde në të tre llojet, vetëm për siguri, por më së shumti që duhet është MP3 dhe një lloj tjetër.
- Ngarkoni të gjitha skedarët audio në serverin tuaj të Internetit dhe bëni një shënim në dosjen që i keni ruajtur. Është një ide e mirë t'i vendosni ato në një nën-direktori vetëm për skedarë audio, ashtu si shumica e projektuesve të ruajnë imazhet në një direktori imazhi .
- Shto elementin AUDIO në skedarin tuaj HTML ku dëshiron të shfaqet kontrolli i skedarit të zërit.
- Vendosni elementët SOURCE për çdo skedar audio që ngarkoni brenda elementit AUDIO :
-
- Çdo HTML brenda elementit AUDIO do të përdoret si një fallback për shfletuesit që nuk mbështesin elementin AUDIO . Pra shtoni disa HTML. Mënyra më e lehtë është të shtoni HTML për t'i lejuar ata të shkarkojnë skedarin, por gjithashtu mund të përdorni metoda HTML 4.01 për të luajtur zërin. Këtu është një fallback i thjeshtë:
Shfletuesi juaj nuk e mbështet riprodhimin audio, shkarkoni skedarin:
- Gjëja e fundit që duhet të bëni është të mbyllni elementin tuaj AUDIO :
- Kur të kesh mbaruar, HTML duhet të duket kështu:
Këshilla shtesë
- Sigurohuni që përdorni doktutin HTML5 () në mënyrë që HTML-ja të vërtetojë
- Rishikoni atributet në dispozicion për elementin për të parë se cilat mundësi të tjera mund t'i shtoni elementit tuaj.
- Vini re se ne kemi ngritur HTML për të përfshirë kontrollet sipas parazgjedhjes dhe kemi autoplay të fikur. Natyrisht, mund ta ndryshoni atë, por mos harroni se shumë njerëz gjejnë tinguj që fillojnë automatikisht / që nuk mund të kontrollojnë që të jenë të bezdisshëm në të mirë dhe shpesh do të largohen nga faqja kur kjo të ndodhë.