Музика при відкритті сайту

Музика при відкритті сайту.

Думаю, що Вам уже зустрічалися сайти, після завантаження яких починала звучати музика. Мені чесно кажучи такі ефекти не дуже подобаються, іноді музика на любителя, іноді занадто голосно звучить і т.д. Але основна причина по якій я не використовую звуковий супровід - це повільне завантаження.







Музика при відкритті сайту

Адже разом з кодом самої web-сторінки, вантажиться ще й аудіо файл, якій зазвичай має значний розмір. Звичайно можна цей файл обрізати (зменшити час звучання), стиснути, але все одно чудес не буває - такі сайти вантажаться повільніше.

Але все таки як це реалізувати технічно Вам знати не завадить, а використовувати чи ні, вирішуйте самі. Отже:

Домогтися такого ефект можна, використовуючи тег . Дія цього елемента наступне: після завантаження сторінки автоматично завантажується і програється звуковий файл. При цьому у вікні з'являється панель програвача (або пульт управління програвача - як вам зручніше називати). приблизно ось такого виду:

тег одиночний () не вимагає закриває тега і має ось такий синтаксис якщо звуковий файл завантажується з іншого сервера (Абсолют шлях):

або ж такий синтаксис якщо файл лежить на Вашому сервері (відносний шлях):

І як завжди, тут не все так безхмарно, як хотілося б. За своєю давньою "Доброї" традиції творці різних браузерів не домовилися між собою, і тому в різних браузерах ця панель виглядає трохи по різному і найприкріше, поводиться по різному.

Наприклад в Internet Explorer (6, 7, 8 версії) все працює без проблем. А ось в браузерах Opera і Mozilla Firefox потрібна установка додаткових плагінів, природно якщо у користувача плагін не встановлено - музика не заграє :( :( згоден сумно.

тег може мати такі атрибути:

width - ширина панелі в пікселях (можна і в процентах);
height - висота панелі в пікселях (або відсотках);
align - розташування панелі щодо тексту, можливі значення left, right, center;
hidden - дозволяє приховати панель, значення атрибута: true - панель прихована, false - панель видима (значення за замовчуванням);
autostart - значення true - програвач стартує автоматично, false - чекає натискання на кнопку "відтворення";
loop - цикл, тобто при значенні true мелодія буде програватися по колу, а при значенні false - тільки один раз. Якщо значенням буде число, то Mozilla Firefox програє мелодію вказану кількість разів, для Explorer'а числове значення рівносильно значенням true.

В даному прикладі на Вашій web-сторінці буде видна урізана панель управління програвача з двома кнопками: відтворення і зупинка. Відтворення звукового файлу почнеться тільки тоді, коли користувач натисне кнопку відтворення і повторяться буде нескінченно.







Деякі браузери підтримують ще атрибут CONTROLS. який дозволяє настроїти панель управління. Він може мати наступні значення:

CONSOLE - панель звичайного розміру;
SMALLCONSOLE - панель меншого розміру;
PLAYBUTTON - замість всієї панелі тільки кнопка "Відтворення";
PAUSEBUTTON - замість всієї панелі тільки кнопка "Пауза";
STOPBUTTON - замість всієї панелі тільки кнопка "Стоп";
VOLUMELEVER - замість всієї панелі тільки регулятор гучності.

Приклад використання (як працює).

Музика при відкритті сайту

Озвучити свій сайт або окрему web-сторінку можна й іншим способом, за допомогою тега . Тег одиночний. Цей тег задає фоновий звук для web-сторінки, тобто звуковий фрагмент, який буде звучати відразу після завантаження сторінки. тег може мати атрибут LOOP. визначає кількість повторів фрагмента. Коректно працює в браузері Internet Explorer.

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

А як зробити щоб 3-4 треку програвалося, по черзі?

А чи не можна просто напросто написати код автоматичного відтворення музики при відкритті сторінки, щоб вставити його в блог з інтервалом для музики? Скільки де не читала, скрізь усе так мудровані і заплутано. Занадто багато непотрібних пояснень і "мудре слово" для простого користувача ПК.Такое почуття, що ті, хто вміють це робити, не бажають, щоб простий обиватель це вмів робив. Будьте ласкаві напишіть конкретно КОД.

Дорога Стася, куди вже простіше Беріть будь-який варіант Листинги 1 - 4. який Вам підходить і вставляйте. Хай щастить.

спасибі вам велике за те що я вмію тепер робити музику)) не могли б ви мені ще підказати, чи можна зробити так щоб музика грала автоматично ТІЛЬКИ на головній сторінці, а коли перемикаєшся в альбоми (наприклад) вона грала вже тільки коли натискаєш плей?

Звичайно можна, вставляйте код лістингу 1 тільки на головну сторінку, на інших використовуйте інші коди лістингу

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

дуже просто написано -но дуже складно зрозуміти як це втілити в життя. якщо Ви звичайно не програміст.

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

А точніше у мене починає грати на: Головна сторінка, Інформація про сайт та Зворотній зв'язок. як зробити, щоб грала тільки на Головній сторінці і все?

Максим, так встановіть код тільки на Головній сторінці, і всі проблеми

уроки HTML

CSS уроки

статті

Інструменти

Шаблони сайтів

книги

прикраси

Сайт від А до Я

Заробити в інтернеті

Обман в Інтернеті

Охорона праці

МОДУЛЬНІ КАРТИНИ

PHP УРОКИ

послуги

скрипти

SEO

jQuery

Спеціальна оцінка умов праці (Соуто) - АРМ

Платіжні системи Інтернету

УРОКИ ФОТОШОП

секретний розділ

Музика при відкритті сайту

З нами зробити сайт
зможе навіть Дитина!
"Сайт від А до Я"
Дізнатися зараз >>>

Хочете заробити?
2-х рівнева
Партнерська програма!
Приєднуйтесь.

Модульна картина: Розкіш червоного оксамиту

Модульна картина абстракція: Енергія сонця

Модульна картина: Сині троянди

Модульна картина: Водоспад

Модульна картина: Орхідеї

Реєстрація доменів

ТОВ "ПК" ЛюксСтрой "

Якщо Вам сподобався
наш сайт, встановіть
Нашу посилання. і
Отримайте подарунки.







Схожі статті