Ինչպես ավելացնել ձայնը HTML5 վեբ էջում

HTML5- ն հեշտացնում է ձեր վեբ-էջերին ձայնային եւ երաժշտություն ավելացնել տարրով: Իրականում ամենադժվար բանն այն է, որ դուք պետք է ստեղծեք բազմաթիվ աղբյուրներ, որպեսզի համոզվեք, որ ձեր ձայնային ֆայլերը խաղում են բրաուզերների լայն տեսականիով:

HTML5- ի օգտագործման օգուտը այն է, որ դուք կարող եք տեղադրել ձայնը պարզապես մի քանի պիտակներ օգտագործելով: Բրաուզերները, այնուհետեւ, հնչում են այնպես, ինչպես IMG- ի տարրը օգտագործելիս, երբ դրանք ցուցադրելու են պատկերը:

Ինչպես ավելացնել ձայնը HTML5 վեբ էջում

Դուք պետք է HTML խմբագիր , ձայնային ֆայլ (գերադասելի է MP3 ձեւաչափով) եւ ձայնային ֆայլի փոխարկիչ:

1. Նախ, ձայնային ֆայլ պետք է: Դա լավագույնն է ֆայլը որպես MP3- ի ( .mp3 ) ձայնագրում, քանի որ այն ունի բարձր ձայնային որակ եւ աջակցում է առավելագույն բրաուզերների (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ եւ Safari 5+):
2. Փոխարկել ձեր ֆայլը Vorbis ձեւաչափով ( .ogg ), ավելացնել Firefox 3.6+ եւ Opera 10.5+ աջակցությունը: Դուք կարող եք օգտագործել Converter- ի նման Vorbis.com- ում: Դուք նաեւ կարող եք փոխարկել ձեր MP3- ը WAV ֆայլի ձեւաչափով ( www ) Firefox եւ օպերայի աջակցություն ստանալու համար: Ես խորհուրդ եմ տալիս ձեր ֆայլը տեղադրել բոլոր երեք տեսակի համար, պարզապես անվտանգության համար, բայց ամենից շատն այն է, MP3- ը եւ մեկ այլ տեսակ:
3. Վերբեռնեք բոլոր աուդիո ֆայլերը ձեր վեբ սերվերի վրա եւ գրեք այն գրառումը, որը դուք պահված եք դրանք: Լավ գաղափար է դրանք տեղադրելու միայն աուդիո ֆայլերի համար, ինչպես, օրինակ, դիզայներների մեծամասնությունը պատկերները պատկերների պատկերում պահում:
4. Ավելացրեք AUDIO տարրը ձեր HTML ֆայլում, որտեղ դուք ցանկանում եք ցուցադրել ձայնային ֆայլի վերահսկում: <աուդիո վերահսկում>
5. Տեղադրեք SOURCE տարրերը AUDIO տարրի ներսում տեղադրված յուրաքանչյուր աուդիո ֆայլի համար.
   2. <աղբյուր src = "/ audio / sound.ogg">

1. AUDIO տարրի ներսում ցանկացած HTML- ը կօգտագործվի որպես զննարկիչների համար, որոնք չեն աջակցում AUDIO տարրին: Այսպիսով, մի քանի HTML ավելացրեք: Ամենահեշտ ձեւը HTML- ին ավելացնելու համար թույլ է տալիս ներբեռնել ֆայլը, բայց դուք կարող եք նաեւ օգտագործել HTML 4.01 ներդիրի մեթոդներ, ձայնը նվագելու համար: Ահա մի պարզ պահեք.

   Ձեր զննարկիչը չի աջակցում աուդիո նվագարկումը, ներբեռնեք ֆայլը.

   1. MP3 ,
   2. Vorbis , WAV
2. Վերջին բանը, որ դուք պետք է անեք, փակեք ձեր AUDIO տարրը:
3. Երբ եք արել, ձեր HTML- ը պետք է նման լինի հետեւյալին. <Աուդիո վերահսկում>
   4. Ձեր զննարկիչը չի աջակցում աուդիո նվագարկումը, ներբեռնեք ֆայլը,

   5. MP3 ,
   6. Vorbis ,
   7. WAV

Լրացուցիչ խորհուրդներ

1. Համոզվեք, որ HTML5 doctype () օգտագործեք այնպես, որ ձեր HTML- ն վավերացնի
2. Վերանայեք տարրի համար մատչելի հատկանիշները, որպեսզի տեսնեք, թե ինչ այլ ընտրանքներ կարող եք ավելացնել ձեր տարրը:
3. Նշենք, որ մենք ստեղծեցինք HTML- ը, կարգավորումներն ընդգրկելու համար, եւ autoplay- ը անջատված է: Դուք, իհարկե, կարող եք փոխել այն, բայց հիշեք, որ շատ մարդիկ գտնում են, որ ավտոմատ կերպով սկսվում է ձայնը, եւ որ նրանք չեն կարող վերահսկել, որ կարողանաս լավագույնս զայրացնել եւ հաճախ հենց այդ էջից թողնել: