Музика веб-сайтів - прив’язка, Bgsound та вставлення тегів

Квітня 28, 2024

У першій частині цього підручника ми обговорили різні типи аудіофайлів, які найчастіше використовуються на веб-сторінках. У цій частині підручника ми обговоримо методи додавання музики до ваших веб-сторінок HTML. Тож давайте розглянемо, як кодувати HTML. Можна скористатися методом тега HTML якоря або методом bgsound та embed tags.

Перший спосіб полягає у використанні HTML-тега якоря (посилання). Це зручний метод, оскільки він пропонує веб-відвідувачеві можливість перегляду вашої веб-сторінки з музикою або без неї. Відвідувач може переглядати вашу веб-сторінку швидше, оскільки йому не потрібно чекати завантаження аудіофайлу разом із самою веб-сторінкою. Звуковий файл завантажується лише у тому випадку, якщо він вирішить почути пісню та натисне посилання, яке відкриє аудіоплеєр веб-браузера як спливаюче вікно. Скажімо, ви хочете розмістити файл midi на своїй веб-сторінці, а назва аудіофайлу midi - "song.mid". Також ви хочете використовувати метод прив’язки тегів. Код посилання буде виглядати як код нижче. Атрибут href повідомляє браузеру, де шукати аудіофайл. Значенням атрибута href буде URL-адреса аудіофайлу. Ви можете використовувати повну URL-адресу, як у наведеному нижче прикладі, або можете видалити "www.yourwebsite.com/", якщо аудіофайл знаходиться там же, що і веб-сторінка. (Клацніть тут, щоб переглянути огляд тега HTML-якоря.)

Грати

Примітка--Стрілка

вказує на те, що код прив’язаний до другого рядка і дійсно повинен бути весь на одному рядку.

Другий спосіб змусить аудіофайл відтворюватися автоматично, коли відображається веб-сторінка. Для цього методу ви будете використовувати тег bgsound та / або тег embed. Ось код.

петля = "нескінченна">

autostart = "true" hidden = "false" width = "300"
висота = "45" петля = "нескінченна">

Примітка--Стрілка

вказує на те, що код прив’язаний до другого рядка і дійсно повинен бути весь на одному рядку.

src	вихідний атрибут - значення - це URL-адреса аудіофайлу
авто старт	true або false (вставити тег)
петля	true, false або кількість разів для відтворення пісні (вставити тег) нескінченна чи кількість разів відтворення пісні (тег bgsound)
ширина і висота	вимірювання панелі управління аудіо на веб-сторінці (вбудовувати тег)
приховано	true або false - керує видимістю панелі управління (вбудовувати тег)

Елементи "embed" та "bgsound" мають кілька атрибутів, які керують способом відтворення пісні та способом відображення панелі керування аудіо на веб-сторінці.

Атрибут src працює так само, як і в більшості інших тегів HTML. Він повідомляє браузеру, де знайти аудіофайл.
Автозапуск можна увімкнути або вимкнути, встановивши значення цього атрибута значення true або false. Якщо ввімкнено, автоматичний запуск призведе до відтворення музики, як тільки файл завантажений. (вставити тег)
Атрибут циклу повідомляє браузеру, скільки разів відтворювати файл.

Якщо ви хочете використовувати тег вбудовування, це приємний ефект приховати панель управління аудіоплеєра. Це можна зробити, встановивши значення прихованого атрибута значення true. З іншого боку, ви можете контролювати появу панелі управління на веб-сторінці за допомогою атрибутів висоти та ширини. Якщо атрибути висоти, ширини та прихованих атрибутів не вказані, панель керування за замовчуванням з’явиться на веб-сторінці. Хоча прихована функція є приємною, ви можете залишити панель управління видимою, щоб слухач міг контролювати відтворення аудіо (наприклад, гучність).

Більшість браузерів можуть "прочитати" вбудований тег. Однак деякі браузери, особливо старіші, не можуть. Ось чому ви використовуєте noembed тег. Цей тег вказує веб-переглядачу виконувати вказівки між тегом відкриття та тегами закриття, лише якщо браузер не може прочитати вбудований тег сам. Тег bgsound працює так само, як і тег вбудовування. Однак тег bgsound не має атрибутів висоти, ширини та прихованих атрибутів.

Музика веб-сайтів - прив’язка, теги Bgsound та Embed, HTML, midi, wav, аудіофайл, музика на веб-сторінці, вбудовування, bgsound, мультимедіа, HTML, XHTML, DHTML, розміщений CGI, веб-хости, домен, доменні імена, FTP, JPEG, GIF, CSS, практичні вказівки, каскадні таблиці стилів, безкоштовна програма, умовно-безкоштовне програмне забезпечення, W3C, консорціум всесвітньої веб-сторінки, стандарти, сценарії, вихідний код, таблиці стилів, веб

Попередня Стаття

Наступна Стаття

Схожі Статті

комп’ютери

Спеціальний шаблон в Illustrator - 2

Квітня 2024

Тепер ми намалюємо конверт під карткою. Конверт буде розгорнуто при друку і складається з двох прямокутників та декількох «крил». Розміри як переднього, так і заднього прямокутника конверта...

комп’ютери

Дизайн шаблону візитної картки у Photoshop CC

Квітня 2024

У цьому підручнику ми побудуємо шаблон візитки у Photoshop CC. Ми будемо використовувати Artboards для впорядкування шарів дизайну для передньої та задньої частини картки.Почнемо зі створення нового...