Предполага се, че към днешна дата броя на web-страниците в мрежата надхвърлят 2 млрд. Това число расте всеки ден. Колко от тях разполагат с mp3-ки? Лесно може да се разбере, като потърсим с търсачка с подходяща фраза. Например, "Index of MP3 download". Ако добавим името на артиста, нещата стават по-конкретни. Ботът е индексирал всички възможни директории, които към този момент са били достъпни за него. Ако проследим пътя му, можем спокойно да се закачим към тези песни, а те на свои ред да озвучават нашите страници. Остава да добавим "свирка".
Тази идея е особено подходяща за блогери без свой музикален web-сървър, желаещи да ухажват своите посетители с поздрави, с условие, че могат да публикуват с помощта на html. Свирката за целта ще бъде Wimpy Javascript Audio Button. В общ обем това приложение тежи 12кВ. То представлява две картинки на бутони, джава скрипт и няколко реда html-код.
Двете картинки качваме в Picassa. Отваряме скрипта и в самото начало намираме тези редове:
var wimpyButtonSwf = "wimpy_button.swf"; var wimpyButtonImagePlay = "..адрес/b_play.png"; var wimpyButtonImagePause = "..адрес/b_pause.png";
Там пишем адресите на картинките в Picassa. Готов, java - скрипта качваме на достъпен web-сървър. Логично, притежателите на web-сървър качват тези неща в една директория. Следва дописване на html код, който ще описва плейъра. Кодът ще добавим в нашия блог/сайт. От изтегления архив има файл EXAMPLE.html. Разгледайте кода му предварително.
Wimpy Javascript Audio Button може да се добави по два начина - графичен и текстови.
За графичния важи този код:
<img src="b_play.png" onclick="wimpyButtonPlayPause('example.mp3')">
За текстовия важи този:
<a href="javascript:;" onclick="wimpyButtonPlay('graduation.m4a')">Play</a> |
<a href="javascript:;" onclick="wimpyButtonpause()">Pause</a>
<a href="javascript:;" onclick="wimpyButtonpause()">Pause</a>
В самото начало на страницата между тагове <head> и </head> добавяте този код:
<script src="wimpy_button_bridge.js" type="text/javascript"></script>
Остава да намерите песен, чийто адрес да добавите вътре в кода, на мястото на 'example.mp3'.
Притежателите на блогове в Blogger трябва да бъдат наясно, че Javascript варианта на плейъра проявява капризи. Wimpy предлага флаш вариант, които работи коректно.
Особености на този плейър са:
Притежателите на блогове в Blogger трябва да бъдат наясно, че Javascript варианта на плейъра проявява капризи. Wimpy предлага флаш вариант, които работи коректно.
Особености на този плейър са:
- спартански интерфейс.
- без бутон усилване на звука.
- скрипта генерира малка точка в горен ляв ъгъл, която прилича на изгорял пиксел.
0 Response to "Wimpy Javascript Audio Button"
Публикуване на коментар