Мал. 9.4. Вбудований Media Player для відтворення аудіо файлу
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="URL" value="PeopleWillCome.wav"/>
<param name="autoStart" value="false"/>
</object>
Лістинг 3. Код вбудовування Media Player для відтворення аудіофайлу (html, txt)
Тег <object> має набір параметрів запуску (param) для Player. Необхідно задати параметр name="URL" і визначити розташування value="url" аудіофайлу. Буде чи ні файл відтворюватися негайно після завантаження сторінки, задається в параметрі name="autoStart". Значення цього параметра за умовчанням value="true"; завдання value="false" вимагає, щоб користувач ініціював відтворення, натискаючи кнопку "Play" на панелі управління. Якщо відеоекран виводити не потрібний, можна включити значення height="45"; в цьому випадку виводитимуться тільки елементи управління.
Мал. 9.5. Вбудований Media Player, що виводить тільки елементи управління
Параметр name="uiMode" тега <object> дозволяє задати виведення характеристик вбудованого плеєра. Його значення за умовчанням value="full" створює повний екран виводу і повний набір елементів управління. Із значенням value="mini" створюється скорочений екран візуалізації і мінімальний набір елементів управління без індикатора ступеня виконання або кнопок селектора трека. Типовий мінімальний вивід показаний нижче, в даному випадку - із заданою шириною і висотою плеєра.
Мал. 9.6. Вбудований Media Player в режимі "mini"
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
width="150" height="160">
<param name="URL" value="PeopleWillCome.wav"/>
<param name="autoStart" value="false"/>
<param name="uiMode" value="mini"/>
</object>
Лістинг 9.4. Код для завдання Media Player в режимі "mini" (html, txt)
Програмування плеєра При завданні для параметра 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 і створіть кнопки управління.
