Как сделать ссылку на аудиофайл

Урок 14. Как вставить аудио или музыку на сайт в html

1. Как вставить аудио (музыку) на сайт в html
2. Как установить фоновую музыку в html

Как вставить аудио (музыку) на сайт в html

Данный вопрос встречается очень часто, поэтому я решил ещё в уроках посвятить ему отдельную статью. Поскольку для проигрывания аудио универсальной технологии для всех браузеров у HTML нет, то для решения этой проблемы предлагаю скачать файл аудио проигрывателя, как и делается на большинстве сайтов. Делаем всё по шагам:

1. На хостинге, где и располагается Ваш сайт, в корневом каталоге (папке, где индексный файл), соpдайте папку audio. В неё в дальнейшем будете помещать все аудио файлы.

2. Далее нужно скачать файлы плеера .

3. Теперь выберите нужные файлы, лучше в формате mp3. Создайте папку audio в корне сайта и закачайте их.

4. Остаётся только вставить код подключения плеера. Он подойдёт для любого сайта В нужном месте следует только указать путь к файлу плеера и аудио файлу, соответственно заменив слова ваш_домен и название_аудио_файла:

И всё готово! Можете посмотреть и работу примера.

Как установить фоновую музыку в html

Использую возможности HTML и браузера, можно также вставить на страницу фоновую музыку. Вам понадобится аудио файл нужного формата: WAV, AU, MIDI или MP3. Можете в качестве примера использовать любой файл с указанным расширением.

Синтаксис довольно-таки прост:

Закрывающий тег не требуется.

Теперь смотрим пример записи с атрибутами, а ниже с их расшифровкой:

Если значением будет число, то Mozilla Firefox проиграет мелодию указанное количество раз, для Explorer’а числовое значение равносильно значению true.

Второй способ. Очень старый, но тоже практичный) Добавьте мелодию в ту же папку (директорию), где лежит Ваш файл, а в body пропишите следующий код:

В результате после загрузки страницы будет звучать указанная Вами в теге bgsound мелодия. Теперь рассмотрим лучше атрибуты тега :

После описания метода вставки фоновой музыки хочу Вас от этого отговорить, так как большинство пользователей в момент посещения различных сайтов уже, как правило, слушают музыку. Поэтому попутное музыкальное сопровождение может его только заставить закрыть вкладку с сайтом.

Для каждого браузера проигрыватель и панель управления может отличаться. Для некоторых браузеров, например FF, нужно загружать ogg-файл, для остальных mp3.

Атрибуты тега audio

Пример кода с тегом audio

Теперь смотрим работу тега audio в Вашем браузере:

Спасибо за внимание! В следующем уроке рассмотрим вставку видео!)

Источник

Как создать универсальную ссылку на песню для любого стримингового сервиса

На сегодняшний день пользователям доступно сразу несколько стриминговых музыкальных сервисов со своими преимуществами и недостатками. Когда хочется поделиться интересным треком с другом, приходится вспоминать, какая подписка оплачена у него. Ведь нет особого смысла отправлять ссылку на Apple Music любитель Spotify.

Есть способ создавать универсальные ссылки для шаринга музыки, чтобы забыть о разных сервисах и подписках. Друзья в любом случае получат возможность прослушать песню в своем сервисе.

📌 Спасибо re:Store за полезную информацию. 👌

Как поделиться музыкой в любом стриминговом сервисе

1. Устанавливаем приложение Быстрые команды на iPhone.

2. Скачиваем специальную команду для шаринга музыки (спасибо ребятам из iosshortcuts).

3. Выдаем все необходимые разрешения при первом запуске команды.

После того, как команда будет добавлена, она появится в универсальном меню Поделиться.

Теперь для того, чтобы отправить ссылку на трек друзьям, нужно нажать на кнопку шаринга в используемом музыкальном приложении и выбрать пункт Share SongWhip Link.

Команда самостоятельно создаст универсальную ссылку и скопирует ее в буфер обмена. Останется лишь отправить ее любым доступным способом. Друзья получат возможность перейти к песне в Yandex.Музыке, Apple Music, Spotify, YouTube Music или ряде других стриминговых сервисов.

Получится делиться треками с друзьями вне зависимости от используемого ими сервиса.

Источник

Как сделать ссылку на аудиофайл

Посмотрите информацию о скачивании и много другого. Смотрите здесь!
Обязательно прочитайте эту статью!

-«Владислав,спасибо Вам за прекрасные мелодии прошлых лет!»

Это было вступление. Теперь непосредственно о теме, на основной стр. которой Вы находитесь.

ГОТОВЫЕ СКРИПТЫ ПЛЕЕРОВ С МУЗЫКОЙ.

На самом деле в Интернете найти что-либо нужное не всегда просто. Иногда самые простые вещи ищешь часами. Это в полной мере касаеться и музыки.
Не зная автора и не зная названия (часто мы знаем жаргонное название, либо ищем его по первым словам текста, (что не всегда правильно). У себя я ставлю в музыке либо оригинальное название, либо вообще не ставлю.

Она позволяет: -изменять уровень звука/выключает звук, -конвертирует форматы, -уменьшает/увеличивает размер файла, -объденяет несколько треков в один общий -есть и др функции. Я постоянно ей пользуюсь, советую поставить.

Пример плеера с объдененным файлом (альбом в одном треке) Очень удобны редакторы для нарезки музыки. Никаких программ ставить не нужно. Просто войдите на сайт и нарезайте. Можно выбрать какой-либо отрезок трека и сделать его самостоятельным. Слева- пример музыки для динамических сюжетов. Я исключил часть с голосом исполнителя и оставил только инструментальную часть, вырезал ее и 3 этих отрезка в программе Format Factory объеденил. Можно отрезок поставить в плеер, включив повтор, но при повторе будут прослушиваться паузы. Программа делает трек сплошным. Редакторы для нарезки музыки. На этом сервере я много лет. ● «PRIVET.ru» (моя страница нажмите!) Об этом ресурсе могу сказать самое хорошее. Никогда не подводит, стабильно работает, удобен, хороший плеер. В плеере свободно изменяеться размер без соблюдения пропорций. есть автостарт. Можно создавать плейлисты, причем как из закачанной Вами музыки, так и добавлять музыку других пользователей. Можно получать коды html как отдельных плееров, так и полностью альбомов и плейлистов. Можно скачивать музыку. При скачивании есть особенности: ● посмотрите здесь! Музыки здесь огромное колличество! Здесь можно общаться как в любой соцсети. Закачивать можно фото, видео и музыку. Максимальный размер закачиваемого файла не более 100 мб. Закачка по одному файлу. ● Подробно о настройках плеера, ссылка мр3 смотрите здесь! ● и еще здесь! ● Здесь перечень сайтов на которых можно получить ссылки mp3 ЭТО ВАЖНО! Ссылки мр3 с privet.ru (как получить смотрите выше), имеют свою специфику и работают не во всех плеерах и плейлистах. Поэтому если Вы поставили в плеер эту ссылку и плеер не играет, не спешите винить html код. Попробуйте в другом плеере, либо поставьте другую ссылку. и образец самого плеера (по умолчанию автостарт-выкл, размер: height=»75″ width=»470″ )

Статья находиться в разработке. Зайдите через некоторое время, все будет готово!

Закрыть текст

Вот ссылки на 2 очень удобных генераторов плееров:

1. ● flv-mp3.com (нажмите!) Воспринимает все ссылки mp3. Можно изменять размер (только пропорционально). Изменять цвет, уровень громкости, есто функция АВТОСТАРТ.

2. ● flash-mp3-player.net (нажмите!) Прекрасный генератор. Много функций: автостарт, повтор, уровень громкости. Устанавливаються кнопки разного назначения. Широкие возможности изменения цвета. Размер изменяеться призвольно. Пожалуй самый лучший генератор!
Недостаток: идут не все ссылки (например с сервера Привет.ру-не воспринимаються)

		НА ГЛАВНУЮ СТР. САЙТА
		страница-1
		страница-2
		страница-3
		страница-4
		страница-5
		страница-6
		страница-7
		страница-8

Ссылки по теме
«Музыка для сайта»

HTML код Flash-плеера и настройки

Для проигрывания музыки требуется Flash Player 10.

Скрипт взят с портала SzenProgs

HTML код плеера
СКОПИРУЙТЕ!

Flash-плеер, сгенерированный на сайте
http://flv-mp3.com/ru/mp3/
Все настройки устанавливаються
при генерации.

2 симатичных плеерка
без автостарта и без повтора

коды даны в 2-х вариантах: без файлов МР3 (место вставки указано),
и с файлами МР3

Небольшой плеер
с простым скриптом
с автостартом, повтором мелодии
и с режимом, когда самого плеера
не видно, а видны только кнопки управления.

НАСТРОЙКИ:
loop=0 повтора мелодии нет.
loop=1 повтор мелодии
auto=0 автостарт выключ.
auto=1 автостарт включ
small=0 виден плеер
small=1 видны только кнопки

коды даны в 2-х вариантах: без файлов МР3 (место вставки указано),
и с файлами МР3

FLASH ПЛЕЕР №3_в
раскрываеться при
нажатии на кнопку

Коды плеера даны
в 2-х вариантах:
-с МР3 ссылкой
-без МР3 ссылки
(место вставки ссылки указано)

Скрипт со ссылкой МР3

Скрипт без ссылки МР3

ЕЩЕ ОДИН ПРОСТЕНЬКИЙ
ПЛЕЕРОК
Код совсем простой,
и Вы без труда разберетесь.
НАСТРОЙКИ:
autostart=1 (автостарт) 0 (НОЛЬ)-выкл., 1-включ.
Плеер сделан на конструкторе, на сайте Посмотрите ЗДЕСЬ!

► 17-й сайт это www.yapfiles.ru
Очень удобно брать ссылки МР3. Просто выбираете тему, нажимиете нужный плеер и в режиме прослушивания перед Вами готовая ссылка. Тут еще куча кодов, можно получить код плеера. (большой квадратный плеер), размер можно менять.

Это код интересного плеера.
Он невидимый и появляеться при наведении на него курсором.
Плеер в режиме автостарт включен.
(Место ссылки обозначено крестиками)

Плеер с плейлистом

Для проигрывания музыки требуется Flash Player 10.

Скрипт плеера взят с портала SzenProgs

МУЗЫКАЛЬНЫЕ ССЫЛКИ МР3 Где и как получить Для работы Flash-плеера, в его код нужно поставить ссылку на муз. файл МР3 Вашей мелодии. Музыку можно закачать, а потом взять ссылку. Но в этом нет необходимости, т.к. в Интернете огромное кол-во сайтов, серверов, где можно найти любую музыку и любого исполнителя. Нужно просто найти музыку, взять ссылку и поставить в код Вашего плеера. А ссылку рядовому пользователю найти не так просто. Я сам в этом убедился, когда начинал создавать свои сайты. Здесь я понятно опишу где и как получить муз. ссылку. На странице в описаниях плееров указано куда поставить ссылку в скрипт плееров. Я постоянно, по мере нахождения буду указывать сайты, где и как скопировать муз. ссылки. ► 2-й сайт это Gennadij.Pavlenko.name Прекрасный, сайт с необычной музыкой:этническая, звуки природы, музыка для медитации и др. Нажмите на ссылку, в нижней части стр. есть голубые ссыки на мелодии. Нажмите на любую из нах ПРАВОЙ кл. мышки-выберите «СВОЙСТВА», строка «адрес» это и есть муз. МР3 ссылка на данную мелодию. ► 3-й сайт это Sovmusic.ru Сайт музыки советских времен. Под изображением плеера есть ссылка на файл МР3. ► 4-й сайт это Yapfiles.ru Музыкальный сайт. Под изображением плеера, слева, в зеленом поле Ваша ссылка на файл МР3. ► 5-й сайт это Dzherela.com.ua Музыкальный сайт театра песни «Джерела». Нажмите ПРАВОЙ кл. мышки на ссылку в конце названия песни «СКАЧАТЬ ПЕСНЮ»-выберите «СВОЙСТВА», строка «адрес» это и есть муз. МР3 ссылка на данную мелодию. ► 7-й сайт это s9.rimg.info Небольшой сайт. Когда надмете на ссылку и войдете на страницу (по данной ссылке это будет «БЛЮЗ») Увидите список песен. Перед каждой стоит четыре зеленых значка. Нажмите на второй слева. Нажмите ПРАВОЙ кл. мышки на 2-й слева значек выберите «СВОЙСТВА», строка «адрес» это и есть муз. МР3 ссылка на данную мелодию. ► 8-й сайт это mobzvonok.net Небольшой сайт. Когда надмете на ссылку и войдете на страницу «Библиотека звуков» Увидите список песен. В конце каждой есть плеер для прослушивания. Нажмите ПРАВОЙ кл. мышки на плеер. В открышемся окне выберите строку «Код выделенного объекта», Во вновь открывшемся окне будет код плеера с звуком. Из него, если надо, можно скопировать МР3 ссылку на данную мелодию. (Этот плеер описан на данной стр. под №5) ► 9-й сайт это ilosik.ru Небольшой сайт «Библиотека звуков». Выберите раздел звуков, например «ФАНФАРЫ-3», нажмите. Вы попадаете на стр. со списком звуков фанфар (в нижней части страницы). Выберите (например «ФАНФАРЫ 49(Торжественные 1)», нажмите. Далее (опять внизу стр. будет ссылка 9зеленая или синяя с названием выбранного трека «Фанфары 49 (Торжественные 1)». Нажмите ПРАВОЙ кл. мышки на это название, выберите «СВОЙСТВА», в отрывшемся окне, строка «адрес» это и есть муз. МР3 ссылка на данный звук. ► 10-й сайт это relax-music.ru Прекрасная музыка С. Сиротина. Выберите композицию, Нажмите ПРАВОЙ кл. мышки на название композиции, выберите «СВОЙСТВА», в отрывшемся окне, строка «адрес» это и есть муз. МР3 ссылка на данную музыку. ► 11-й сайт это realmusic.ru Достаточно большой портал. За каждым названием песни, мелодии стоит кнопка «СКАЧАТЬ». Нажмите на нее ПРАВОЙ кл. мышки, выберите «СВОЙСТВА», в отрывшемся окне, строка «адрес» это и есть муз. МР3 ссылка на данный звук. ► 12-й сайт это rakel30.ucoz.ru Детская музыка. За каждым названием песни, мелодии стоит кнопка «СКАЧАТЬ». Нажмите на нее ПРАВОЙ кл. мышки, выберите «СВОЙСТВА», в отрывшемся окне, строка это и есть муз. МР3 ссылка на данный звук. Кстати на этом сайте есть еще много чего интересного. ► 15-й сайт это rakel30.ucoz.ru ПЕСНИ С ДНЕМ РОЖДЕНИЯ! Нажимаем здесь на ссылку, входим на страницу сайта. Перед Вами список мелодий, в конце каждой «СКАЧАТЬ», нажмите на нее ПРАВОЙ кл. мышки, выберите «СВОЙСТВА», в отрывшемся окне, строка-это и есть муз. МР3 ссылка на данную мелодию. ► 16-й сайт это music70-80.narod.ru Адрес сайта говорит сам за себя. Нажимаем здесь на ссылку, входим на страницу сайта. Перед Вами список мелодий, нажмите на нее ПРАВОЙ кл. мышки на название, выберите «СВОЙСТВА», в отрывшемся окне, строка-это и есть муз. МР3 ссылка на данную мелодию. Много готовых МР3 ссылок по теме РЕЛАКСА + можно скачать Посмотрите ЗДЕСЬ! ► 17-й сайт это www.yapfiles.ru Очень удобно брать ссылки МР3. Просто выбираете тему, нажимиете нужный плеер и в режиме прослушивания перед Вами готовая ссылка. Тут еще куча кодов, можно получить код плеера. (большой квадратный плеер), размер можно менять. ► 18-й сайт это www.yapfiles.ru Это программа для нарезки файлов МР3. Закачайте файл и получите ссылку МР3. ► 19-й сайт это minus.km.ua Сайт УКРАИНСКАЯ МИНУСОВКА. Выберите песню, нажмите ПРАВОЙ кл. мышки на «СТЯГНУТИ ФАЙЛ» и получите ссылку мр3 ► 20-й сайт это ymp3.ru Выберите песню, нажмите ПРАВОЙ кл. мышки на «Скачать бесплатно песню ‘Название’ в хорошем качестве», введите контр. цыфры, и на вновь открывшейся стр., Правой кл. с надписи «Щелкните на ссылку для скачивания песни»-получите ссылку мр3 ► 23-й сайт это Звуки и музыка природы Описание на странице ► 24-й сайт это Музыка для релакса и медитации Описание на сиранице ► 25-й сайт это livemusic.org.ua Выберите песню, нажмие «Скачать mp3», в новом окне, нажмите ПРАВОЙ кл. мышки на «Скачать «, выберите «Копировать ссылку»-получите ссылку мр3 ► 28-й сайт это http://888.by/music Выберите песню, правой клавишей на «Скачать трек»(в конце названия песни), выберите «Копировать ссылку»-получите ссылку мр3 HTML код Flash-плеера и настройки Вариант: РУЧНОЕ ВКЛЮЧ, МЕЛОДИЮ НЕ ПОВТОРЯТЬ. HTML код плеера СКОПИРУЙТЕ! Вариант: ВКЛЮЧ. АВТОМАТИЧ., МЕЛОДИЮ ПОВТОРЯТЬ. HTML код плеера СКОПИРУЙТЕ! Настройки: Красным выделен аудиофайл Вашей мелодии синим: ПОВТОР-loop yes не повторять- no (в 2-х местах) АВТОВКЛЮЧ.-autostart yes ручное включ.- no (в 2-х местах) HTML код Flash-плеера и настройки Более подробно НАЖМИТЕ ЗДЕСЬ Также на сервере можно получить код плеера с плейлистом. Где все треки альбома проигрываються автоматически по очереди.

HTML код Flash-плеера и настройки

Для включения плеера-
нажмите на черные треугольнички

HTML код Flash-плеера СКОПИРУЙТЕ!

Хочешь себе такой плеер? Узнай больше тут.

Строки http://www.flashist.ru/files/sound/player/sound.mp3 заменить на полный
путь к нужному файлу, который предварительно должен быть выложен в сети (интернет).
Для этих целей можете использовать сервис http://music.lib.ru/

Чтобы вставить к себе на сайт плеер, просто скопируйте следующие строки:

Вы можете использовать следующую запись, если у вас нет возможности выложить
на собственный хостинг файл с плеером.

Так же вы можете вставить плеер, через следующую запись, используя
стандартный object/embed метод:

Это скрипты плееров для сайта.
Плееры невидимы, с автостартом и повтором
Мелодия на них типа «ЭНИГМА»

Еще такие же плеера
НАЖМИТЕ ЗДЕСЬ

FLASH ПЛЕЕР
(раскрываеться при нажатии на кнопку)

Варианты плееров для установки на Ваш сайт, блог.

Вариант-1 автостарт-выкл повтор выкл

Вариант-2 автостарт-вкл повтор вкл

Еще один плеер имеет все регулировки:
громкость (volume), повтор (loop), автостарт (autoplay).

Ниже несколько подобных плееров разных цветов

Источник