Wimpy Javascript Audio Button

ptofruit piano


Предполага се, че към днешна дата броя на 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>

В самото начало на страницата между тагове <head> и </head> добавяте този код:
 <script src="wimpy_button_bridge.js" type="text/javascript"></script>


Остава да намерите песен, чийто адрес да  добавите вътре в кода, на мястото на  'example.mp3'.

Притежателите на блогове в Blogger трябва да бъдат наясно, че Javascript варианта на плейъра проявява капризи. Wimpy предлага флаш вариант, които работи коректно.

Особености на този плейър са:
  • спартански интерфейс.
  • без бутон усилване на звука.
  • скрипта генерира малка точка в горен ляв ъгъл, която прилича на изгорял пиксел.
Въпрос на вкус.



Пример



Няма коментари:

Публикуване на коментар