Cum se adaugă sunet pe o pagină Web HTML5

HTML5 facilitează adăugarea de sunet și muzică la paginile dvs. Web cu elementul. De fapt, cel mai greu lucru este să creați sursele multiple de care aveți nevoie pentru a vă asigura că fișierele dvs. de sunet se difuzează pe cea mai largă varietate de browsere.

Beneficiul utilizării HTML5 este că puteți să încorporați sunetul folosind doar câteva etichete. În consecință, browserele redă sunetul la fel cum ar afișa o imagine atunci când o utilizați

IMG element.

Cum se adaugă sunet pe o pagină Web HTML5

Veți avea nevoie de un editor HTML, un fișier audio (preferabil în format MP3) și un convertor de fișiere audio.

1. În primul rând, aveți nevoie de un fișier de sunet. Cel mai bine este să înregistrați fișierul ca MP3 (

   .mp3) deoarece aceasta are o calitate ridicată a sunetului și este susținută de cele mai multe browsere (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ și Safari 5+).

2. Conversia fișierului în format Vorbis (

   .ogg) pentru a adăuga suport pentru Firefox 3.6+ și Opera 10.5+. Aveți posibilitatea să utilizați un convertor ca cel găsit pe Vorbis.com. Puteți, de asemenea, să convertiți fișierul MP3 într-un format de fișier WAV (

   .wav) pentru a obține suport pentru Firefox și Opera. Vă recomandăm postarea fișierului dvs. în toate cele trei tipuri, doar pentru securitate, dar cel mai mult aveți nevoie de MP3 și de un alt tip.

3. Încărcați toate fișierele audio pe serverul dvs. web și faceți o notă a directorului în care le-ați stocat. Este o idee bună să le plasați într-un sub-director doar pentru fișiere audio, ca majoritatea designerilor să salveze imagini într-o

   imagini director.

4. Adaugă

   AUDIO element în fișierul HTML în care doriți să fie afișate controalele fișierului de sunet.

5. Loc

   SURSĂ elemente pentru fiecare fișier audio pe care îl încărcați în interiorul

   AUDIO element:

6. 1. Orice HTML în interiorul

      AUDIO element va fi folosit ca o rezervă pentru browserele care nu acceptă

      AUDIO element. Deci, adăugați câteva HTML. Cea mai ușoară cale este să adăugați un cod HTML pentru a le permite să descarce fișierul, dar puteți utiliza și metode de încorporare HTML 4.01 pentru a reda sunetul. Iată o problemă simplă:

      Browserul dvs. nu acceptă redarea audio, descărcați fișierul: MP3,

   2. Vorbis, WAV

7. Ultimul lucru pe care trebuie să-l închideți este să închideți elementul AUDIO:

   1. Când ați terminat, codul dvs. HTML ar trebui să arate astfel:

   4. Browserul dvs. nu acceptă redarea audio, descărcați fișierul:

   5. MP3,

   6. Vorbis,

   7. WAV

Sfaturi suplimentare

• Asigurați-vă că utilizați documentul HTML5 doctype () astfel încât codul dvs. HTML să fie validat
• Examinați atributele disponibile pentru element pentru a vedea ce alte opțiuni puteți adăuga la elementul dvs.
• Rețineți că am creat codul HTML pentru a include controalele în mod prestabilit și pentru a avea opțiunea de dezactivare automată. Desigur, puteți schimba acest lucru, dar amintiți-vă că mulți oameni găsesc un sunet care începe automat / că nu pot controla pentru a fi enervant în cel mai bun caz și de multe ori va părăsi pagina când se întâmplă acest lucru.