Як поставити аудіоплеєр на свій сайт

Так як на браузерах відвідувачів сайту, можуть бути встановлені різні плагіни, то зовнішній вигляд аудіо плеєрів може сильно відрізнятися один від одного, це необхідно враховувати.

Давайте подивимося, ка все це працює. Як тільки, Ваш браузер зустрічає в html коді тег EMBED, то він, підвантажує відповідний встановлений плагін. Якщо відповідного плагіна не опиниться, тоді браузер видасть повідомлення про те, що плагін необхідно встановити і пропонує перейти на сторінку установки.

Інформація про параметри відкривається об'єкта і необхідних плагинах, для його відкриття, передається браузеру через такі параметри тега EMBED:

Як бачите, параметрів досить багато, але використовуються, як правило, тільки деякі з них.

Ну що ж, тепер, давайте додамо на нашу сторінку код, з використанням тега EMBED, щоб на сторінці з'явилася можливість програвати наш звуковий файл:

Давайте детально розберемо, за що відповідає в даному коді кожен параметр.

Отже, тег EMBED. вказує, на те, що на сторінку буде додано зовнішній об'єкт. Шлях до файлу об'єкта, зазначений в параметрі: src = "http://www.web-shpargalka.ru/music.mp3"

Далі, йде розмір об'єкта, в даному випадку, плеєра. Параметрами width = "350" height = "50" вказані ширина і висота плеєра.

Параметр autostart = "0" вказує на те, що по завантаженні сторінки, плеєр буде зупинений.

Тип об'єкта зазначений в параметрі - type.

Як бачите, використовуючи тег EMBED, ми отримуємо досить простий html код, в результаті роботи якого, браузер відображає плеєр на сторінці сайту і у відвідувача сайту з'являється можливість відтворити звуковий файл.

Тепер, відвідувач сайту, клацаючи по елементах управління плеєра, може прослухати аудіо запис та керувати її відтворенням.

Ще раз зазначу, що зовнішній вигляд плеєра залежить від встановлених в даний момент плагінів для браузера. Якщо відповідного встановленого плагіна не виявиться, то браузер видасть вікно з повідомленням, що потрібно встановити необхідне програмне забезпечення.

Як бачите, при використанні тега EMBED звук на сторінку сайту додається досить просто. Плеєр для сторінок сайту, додається декількома всього рядками html коду.

Тепер спробуйте відкрити сторінку з плеєром іншими браузерами. Зверніть увагу, відкриє чи браузер зображення плеєра або запропонує встановити плагін.

У тому випадку, якщо зображення плеєра буде завантажено, порівняйте, як виглядає плеєр в вікнах різних браузерів.

Не забудьте правильно вказати повний шлях до звукового файлу.

Ось що у нас вийшло: