Hvernig á að bæta við hljóð á HTML5 vefsíðu

HTML5 gerir það auðvelt að bæta við hljóð og tónlist á vefsíður þínar með frumefni. Reyndar er það erfiðasta sem þarf að gera er að búa til margar heimildir sem þú þarft til að ganga úr skugga um að hljóðskrárnar þínar séu spilaðar á víðtækustu vettvangi vafra.

Kosturinn við að nota HTML5 er að þú getur embed in hljóð bara með því að nota nokkur merki. Vafrarnir spila síðan hljóðið eins og þeir myndu sýna mynd þegar þú notar IMG frumefni.

Hvernig á að bæta við hljóð á HTML5 vefsíðu

Þú þarft HTML ritstjóri , hljóðskrá (helst í MP3 sniði) og hljóðskrámbreytir.

1. Fyrst þarftu hljóðskrá. Það er best að taka upp skrána sem MP3 ( .mp3 ) þar sem þetta hefur mikla hljóðgæði og er studd af flestum vöfrum (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ og Safari 5+).
2. Umbreyta skrá til Vorbis snið ( .ogg ) til að bæta við í Firefox 3.6 + og Opera 10.5+ stuðningi. Þú getur notað breytir eins og einn fannst á Vorbis.com. Þú getur einnig umbreyta MP3 til WAV skráarsniðs ( .wav ) til að fá Firefox og Opera stuðning. Ég mæli með að þú sendir inn skrána þína í öllum þremur gerðum, bara fyrir öryggi, en það sem þú þarft er MP3 og annar tegund.
3. Hladdu upp öllum hljóðskrám á vefþjóninn og smelltu á möppuna sem þú geymdir þá inn. Það er góð hugmynd að setja þau í undirskrá bara fyrir hljóðskrár, eins og flestir hönnuðir vista myndir í myndasafni .
4. Bættu AUDIO frumefni við HTML skjalið þar sem þú vilt að hljóðskráarstýringarnar birtist.
5. Settu SOURCE þætti fyrir hvern hljóðskrá sem þú hleður upp inni í AUDIO frumefni:

1. Einhver HTML inni í AUDIO frumefni verður notað sem fallback fyrir vafra sem styðja ekki AUDIO frumefni. Svo bæta við nokkrum HTML. Auðveldasta leiðin er að bæta við HTML til að láta þá sækja skrána, en þú getur líka notað HTML 4.01 innbyggðaraðferðir til að spila hljóðið. Hér er einfalt fallback:

   Vafrinn þinn styður ekki hljóðspilun, sækja skrána:

   1. MP3 ,
   2. Vorbis , WAV
2. Það síðasta sem þú þarft að gera er að loka AUDIO tækinu þínu:
3. Þegar þú ert búinn, ætti HTML þín að líta svona út:
   4. Vafrinn þinn styður ekki hljóðspilun, sækja skrána:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

Viðbótarupplýsingar

1. Vertu viss um að nota HTML5 doctype () svo að HTML þín verði staðfest
2. Skoðaðu eiginleika sem eru tiltækir þátturinn til að sjá hvaða aðrar valkostir þú getur bætt við þáttinn þinn.
3. Athugaðu að við setjum upp HTML til að innihalda stýringar sjálfgefið og slökktu á sjálfvirkri spilun. Þú getur að sjálfsögðu breytt því, en mundu að margir finna hljóð sem byrjar sjálfkrafa / að þeir geti ekki stjórnað því að vera pirrandi í besta falli og mun oft yfirgefa síðuna þegar það gerist.