Як поставити музику на сайт?

Як поставити музику на сайт?

Приємно зайти на який-небудь сайт або блог, де встановлена красива розслаблююча музика, і читати не «в суху», а з елементом релаксації. На такому інтернет-ресурсі просто, як кажуть, «зависає». Довгий час я лише по хорошому заздрила, а потім «загорілася» встановити музику і на своєму блозі, а також на своїх односторінкових сайтах. Прочитала купу статей і вже було відступила, так як скрізь передбачалася робота з html-кодом.

Я поважаю html-код рівно до тієї міри, коли його потрібно просто скопіювати і в потрібне місце вставити. Намагаюся завжди чинити мінімум зусиль, в тому все, про що пишу, вимагає, як правило, пару-трійку хвилин разом з вивченням. І ось несподівано на одному з факультативів зовсім на іншу тему мені попався такий ось чудо-конструктор! Тут основний час йде на те, щоб знайти в інтернеті відповідну музику в mp3-форматі. Як шукати і скачувати музику я пояснювати не буду, так як зараз це будь-яка дитина може зробити.

Будемо вважати, що такий mp3-файл у вас на комп’ютері вже є. Далі, по кроках: 1. Заходимо в конструктор за посиланням:. І тут ви бачите рядок для заповнення, куди потрібно вставити пряме посилання на mp3-мелодію, тобто її адресу в Інтернеті.

Якщо таке посилання у вас є, то переходите відразу до пункту 3. Однак не завжди це посилання так просто отримати. Завантажити музичний файл легко, а от посилання отримати — ні.

Крім того, якщо господар прибере її з поточного адреси, то і ви залишитеся без мелодії. Тому давайте розглянемо випадок, коли вже наявну на вашому компі мелодію потрібно помістити назад в Інтернет, але тепер уже на «хазяйських» правах, і отримати необхідну пряме посилання. 2. Я опишу свій варіант, коли доменне ім’я створене на.

Однак думаю, що аналогічно можна створити посилання і на будь-якому іншому хостингу. Головне, розуміти сенс. Отже, вводимо логін-пароль і заходимо в Контрольну панель — Файловий менеджер. Відкриваємо папку domains і створюємо субдомен.

Я створила папку з ім’ям music. multi-marin. ру. У вас він, зрозуміло, буде свій. Усередині субдомена music. multi-marin. ру створюємо папку, куди будемо розміщувати музичні файли. Я назвала її relax і буду поміщати туди тільки приємну релаксуючу музику. Для іншого типу музики створю нову папку.

Головне, щоб самому було ясно, якого жанру mp3 файли там знаходяться. І нарешті, вибираємо на комп’ютері свій музичний файл і завантажуємо його в папку relax.

Тепер необхідна пряме посилання на музичний файл у нас в руках! 3. Повертаємося до нашого конструктору п. 1. Тепер нам треба правильно задати параметри збірки. Моя пряме посилання виглядає наступним чином: http://music.

multi-marin. ру / relax / Muzyka-super. mp3. У вас вона буде, зрозуміло, своя, але в ній має бути присутнім ім’я субдомену, ім’я папки з музикою і ім’я самого музичного файлу. — Супровідну Напис я задала тільки сторінках Про автора і Особистий контакт. А ось Розміри плеєра я завжди задаю різні, за замовчуванням це 470х70, як на моїй сторінці

Про автора. Також я відзначаю в Автозапуску опцію Так, щоб музика починала грати відразу ж при відкритті сторінки. — Колір плеєра за замовчуванням заданий білий, тому, якщо ви хочете внести сюди елемент творчості, то тут два варіанти. Або вибрати який-небудь колір з випадаючого меню.

Наприклад, на своїй сторінці Зміст я вибрала сірий колір. За бажанням можна вибрати і більш просунуту колірну гамму із запропонованих Скінів. Я вибрала скін gold для своєї сторінки Особистий контакт і скін pattern1 для сторінки Про автора. Можна завантажити і свій власний скін, але я цим займатися не стала.

Тепер, щоб отримати html-код, потрібно клацнути по червоній віртуальної кнопці внизу конструктора! 4. Щоб не втратити якого елемента html-коду виділяємо його наступним чином. Клацаємо правою клавішею миші по вікну з кодом і в що випав вікні вибираємо рядок

Виділити все. Бачимо, що все поле забарвилося синім кольором і знову клацаємо правою клавішею миші в будь-якому місці коду і вибираємо у випадаючому вікні функцію Копіювати. Тут же ми бачимо загальний вигляд плеєра і чуємо музику. По кнопці

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

5. Після того, як html-код скопійований йдемо на свій сайт або блог і вставляємо цей код в потрібне місце. Незалежно від того, на якому движку встановлений ваш блог, або в якій програмі зроблено одностранічнік, важливо пам’ятати, що вставку коду завжди проводимо в кодової частини, а не у візуальному режимі. Мій приклад на скріншоті зроблений для движка Word ress. Зверніть увагу на відкриває та закриває теги object / object.

Вони є початком і кінцем вставленого коду. Таким чином, якщо вам не сподобалося розташування плеєра, можна скопіювати весь html-код, включаючи теги object / object і переставити в нове місце, вже не звертаючись до конструктора плеєра. Якщо вам знадобилося відцентрувати ваш плеєр, то додаєте відкриває та закриває теги center / center на самому початку і в кінці коду.

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

На всіх своїх сторінках я помістила плеєри різного розміру, кольору і в різних місцях спеціально для прикладу і буду вдячна за зворотній зв’язок, який плеєр найбільш «екологічний», якщо можна так висловитися. Принцип його створення абсолютно аналогічний описаному вище.

Бажаю приємного творчості! Марина Гай.

Як поставити музику на сайт?

Сподобалася стаття? Поділися нею з друзями!




Комментарии закрыты