Како користити Јавасцрипт за репродукцију МП3 датотеке

click fraud protection
...

Користите ЈаваСцрипт функцију да омогућите посетиоцима веб локације да пуштају МП3.

Могуће је неколико начина за уградњу и репродукцију МП3 аудио датотека на вашим веб страницама. Примери су застарела ознака „ембед“ у ХТМЛ-у, разни Фласх плејери и плејери засновани на Јава. ХТМЛ5 стандард, са својим нагласком на скриптовању и недостатком ослањања на софтвер трећих страна, нуди најкомпатибилнији начин за уградњу и репродукцију МП3 датотека на веб страницама у будућности. Уградите МП3 датотеку са ХТМЛ5 "аудио" објектом, а затим користите ЈаваСцрипт функцију да бисте је покренули

Корак 1

Додајте следећи код у тело вашег ХТМЛ документа:

Видео дана

Овај код уграђује и учитава МП3 датотеку, али је не репродукује. Вредност ознаке "срц" садржи путању до МП3 датотеке и име датотеке.

Корак 2

Додајте следећи ЈаваСцрипт код између ознака "хеад" вашег ХТМЛ документа:

Ова функција, када се позове, приступа елементу „аудио“ по његовом ИД-у („мп3“) и користи метод плаи() да га репродукује.

Корак 3

Додајте дугме на веб страницу да бисте позвали функцију "плаиМП3" када корисник кликне на њу. Додајте следећи код у тело ХТМЛ документа:

Промените атрибут „вредност“ да бисте дугмету дали другачији наслов.

Корак 4

Користите следећу функцију уместо "плаиМП3" да дозволите кориснику да паузира датотеку након што је покрене:

фунцтион плаипаусеМП3(){ иф (доцумент.гетЕлементБиИд("мп3").паусед){ доцумент.гетЕлементБиИд("мп3").плаи(); }елсе{ доцумент.гетЕлементБиИд("мп3").паусе(); } }

Промените „онЦлицк“ атрибут ознаке „инпут“ у кораку 3 да одговара имену ове функције.