Мал. 9.8. Кнопки прихованого Media Player

<object id="Player2" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"

width="0" height="0">

<param name="URL" value="Never Be Hungry.wav"/>

<param name="autoStart" value="false"/>

</object>

<input type="button" value="Start"

onclick="Player2.controls.play()"/>

<input type="button" value="Stop"

onclick="Player2.controls.stop()"/>

Лістинг 9.6. Код програмування прихованого Media Player (html, txt)

Оскільки Media Player невидимий, то не має значення, де на сторінці записується тег <object>.

Якщо подивитися уважно, то можна відмітити невелику крапку в нижньому лівому кутку кнопки "Start". Це Media Player, зредукований до однієї крапки, при завданні його ширини і висоти рівними 0 пікселів. Якщо бажано повністю виключити крапку, включите таблицю стилів для Player з width:0px і height:0px.

Програмування плеєра При завданні для параметра uiMode значення value="none", елементи управління плеєра Media Player не виводяться. Виводиться тільки екран. Це може бути відповідною настройкою, коли плеєр запускається автоматично або якщо користувач знає, що елементи управління доступні для запуску і зупинки відтворення в "контекстному меню", що виводиться при клацанні правою кнопкою миші у вікні плеєра. Проте зазвичай стандартні елементи управління приховані, тому що вони будуть запрограмовані самостійно.

Хоча це не підручник по програмуванню сторінок Web, досить просто задати свої власні кнопки, що управляють, для Media Player. Це зроблено для показаного нижче плеєра.

Мал. 9.7. Програмування Media Player

<object id="Player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"

width="70" height="70">

<param name="URL" value="Never Be Hungry.wav"/>

<param name="autoStart" value="false"/>

<param name="uiMode" value="none"/>

</object>

<input type="button" value="Start" style="font-size:8pt"

onclick="Player.controls.play()"/>

<input type="button" value="Stop" style="font-size:8pt"

onclick="Player.controls.stop()"/>

Лістинг 9.5. Код програмування елементів управління Media Player (html, txt)

Перш за все, необхідно задати для Player значення id, щоб на нього можна було посилатися в сценарії. Тут id="Player" привласнюється тегу <object>. Параметру uiMode задається значення value="none", щоб подавити виведення елементів управління, автозапуск autoStart вимикається, а властивості стилю width і height задають розмір екрану візуалізації.

При видаленні панелі управління необхідно створити власні кнопки "Start" і "Stop" для управління плеєром. Ці кнопки створюються за допомогою елементів управління <input type="button"/>. (Створення кнопок розглядається далі).

Щоб зробити кнопки такими, що реагують на клацання миші, кнопкам додається обробники подій onclick. Ці обробники подій кодуються за допомогою операторів JavaScript для управління плеєром. Для кнопки "Start" оператор Player.controls.play() викликає метод play() плеєра Player, щоб почати відтворення, для кнопки "Stop" оператор Player.controls.stop() викликає метод stop() плеєра Player, щоб зупинити відтворення. Ось, власне, і все.

Фактично не потрібний навіть взагалі виводити плеєр Player. Для відтворення аудіо можна приховати його повністю і включати і вимикати звук за допомогою запрограмованих кнопок. Задайте в коді для тега <object> значення width і height як 0px і створіть кнопки управління.