Очень частый вопрос: как добавить на сайт аудио, то-есть музыку, или собственное голосовое приветствие.
Пошаговый ответ в этой статье.
Для того чтобы на сайте зазвучала фоновая музыка, первым делом нужен файл этой музыки.
Значит идём в интернет, забиваем в поиск название композиции которую вы хотите слушать на сайте и добавляем слово Скачать.
Выбрав приглянувшийся вариант, желательно mp3, скачиваете файл на свой компьютер.
Скачанный файл должен быть легко доступен, поэтому его нужно разместить в корневой папке вашего сайта.
Для пользователей WordPress, это папка wp-content.
Для аудио файлов, в папке wp-content создаём папку audio, так как в коробочке она заранее не предусмотрена и уже в неё загружаем скачанный файл.
Теперь нужно определится — на всех страницах будет звучать фоновая музыка, или только на одной или нескольких.
а) Музыка звучит на отдельной странице.
Заходим на нужную страницу или запись, переходим в Редактировать, переводим редактор в режим Текст, и в любом месте текстового поля вставляем следующий код:
Как Выложить Трек На Все Площадки Бесплатно? / Дистрибуция Музыки в 2023
audio> source src color: #008080;»>https://starper55plys.ru/wp-content/audio/lybe1.mp3″> /audio>
Тег запускает медиаплеер браузера, а в теге указывается путь по которому расположен ваш файл.
Для пользователей WordPress нужно будет только поменять название моего сайта starper55plys.ru на своё, и название моего файла lybe1 на название своего.
б) Музыка звучит на всех страницах сайта.
Не забудьте обновить файл.
Теперь о настройках.
Тег принимает несколько атрибутов, с помощью которых можно управлять воспроизведением.
audio controls color: #008080;»>controls»>
Если добавить этот атрибут, то в том месте где вы расположите код, на странице появится вот такая панелька упраления
audio autoplay color: #008080;»>autoplay»>
Музыка начинает играть сразу после загрузки страницы.
audio loop color: #008080;»>loop»>
Музыка после завершения повторяется бесконечно.
Атрибуты можно добавлять в тег как по отдельности, так и все сразу.
Как сделать голосовой файл
Для создания голосового файла потребуется микрофон.
Вставьте разьём микрофона в гнездо на компьютере и пройдите в меню Пуск — Все программы — Стандартные — Звукозапись.
Щелкаем по Звукозапись, и появляется вот такое окно
Нажимаем Начать запись и можно произносить в микрофон своё приветствие, или что-то ещё.
Когда всё будет сказано, нажимаем Остановить запись, после чего сразу появится окно поисковика для сохранения записанного файла.
Сохраняете его в нужную папку, чтоб не потерять.
Теперь этот файл нужно загрузить в корень сайта в созданную папку audio, туда же где и музыка.
На страницы файл вставляется и настраивается точно так же как и музыкальный.
КАК ВЫЛОЖИТЬ ТРЕК НА ЦИФРОВЫЕ ПЛОЩАДКИ VK, BOOM YANDEX, ITUNES БЕСПЛАТНО?
Если вам нужно запустить и музыку и голосовое приветствие, то каждый из файлов помещаете в отдельный тег .
Теперь, я надеюсь, вам не сложно будет установить музыку на сайт
Желаю творческих успехов.
Источник: starper55plys.ru
Музыка из ВК на сайт
Есть ли способ сделать так, чтобы у меня на сайте плеер подтягивал треки из ВК? Сперва думал, что всё элементарно: через инспектор нашёл путь к файлу, вставил его в плеер на сайте. Всё круто, всё работает! Но потом люди стали жаловаться, что треки не играют. Понаблюдав за этим, я понял, что ВК через время меняет названия файлов.
И даже когда у меня всё играет, человек с другого IP не может прослушать. Может кто-то посоветует что-то?
Отслеживать
20.1k 6 6 золотых знаков 37 37 серебряных знаков 81 81 бронзовый знак
задан 27 окт 2015 в 16:24
51 1 1 золотой знак 1 1 серебряный знак 6 6 бронзовых знаков
Дык он подтягивает аудио из аудиосписка пользователей. То, что вы видите u253861761 это значит что запись взята у юзера, с id 253861761. Думаю, ссылка на конкретную запись будет активна, пока юзер её не удалит. А тогда придется искать аналогичную запись у другого пользователя. А пока её пользователь у себя не удалит — ссылка не меняется и всегда одинаковая
27 окт 2015 в 16:38
27 окт 2015 в 16:59
27 окт 2015 в 17:13
27 окт 2015 в 17:23
27 окт 2015 в 17:33
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
Вкратце так: При загрузке страницы vk.com с вашими аудиозаписями, для каждой песни генерируется новый URL, по которому она доступна только с IP адреса, с которого загружена страница. При попытке зайти на этот URL с другого IP, выдается ошибка 404.
Что же касается Вашего сайта, то для проигрывания музыки вк, я бы запрашивал список нужных аудиозаписей из VK API (см. больше http://vk.com/dev).
Однако, то, что Вы хотите сделать не задумано строгой администрацией ВК и будет жестоко предотвращаться. Чтобы получить список каких-любо аудио из ВК, необходима авторизация в VK API, а значит и соответствующая кнопка на сайте. Авторизация является годной пока не поступил запрос в API из страны, отличающейся от той, где была произведена авторизация. При этом ВК требует капчу.
Если я правильно понял, что Вы хотите сделать, то это невозможно. Доступ к аудиозаписям ВК без авторизации закрыт.
Я решил эту проблему, заведя отдельный сервис для скачивания музыки с вк, где пользователи логинились, а результат их логина ( access token — см. VK API) я сохранял в базу и позже использовал в основном проекте.
Вся информация взята из моего годового опыта по обману API ВКонтакте. (Годно на весну 2015, может меняться в будущем).
Желаю удачи в этом непростом деле.
Источник: ru.stackoverflow.com
Как вставить музыку на сайте
Музыка на сайте — это скорее редкость, чем норма. Вставляя музыку на сайт, нужно понимать, что некоторых пользователей она может и вовсе оттолкнуть. В этой статье мы рассмотрим несколько вариантов вставки музыки на сайт, а также рассмотрим как сделать фоновую музыку.
Как вставить фоновую музыку на сайт
Вставка фоновой музыки на сайт самый опасный вариант в плане потери посетителей. Потому что фоновою музыку мало того, что нельзя никак выключить, так к тому же и громкость ее никак не регулируется (все зависит от текущей громкости на компьютере). Так что надо сто раз подумать, прежде чем вставлять фоновую музыку.
Есть два способа для вставки музыки в html
Вариант 1. Через html тег
Синтаксис для вставки фоновой музыки
bgsound src value»>адрес_аудиофайла» [атрибуты]>
У тега есть несколько атрибутов:
- loop=»значение» — количество повторений музыки (если -1, то повторяется бесконечно)
- balance=»значение» — стереобаланс (от -10000 до 10000)
- volume=»значение» — громкость (0 максимум, -10000 минимум)
Музыка будет играть автоматически при загрузке страницы.
bgsound src value»>fon_music.mp3″ loop value»>1″ balance value»>0″ volume value»>0″>
Вариант 2. Через тег
Синтаксис для вставки объекта с музыкой
embed src value»>адрес_аудиофайла» [атрибуты]>
У тега возможно использование следующих атрибутов:
- width=»значение» — ширина (в пикселях или процентах)
- height=»значение» — высота (в пикселях или процентах)
- align=»значение» — выравнивание ( left — слева, right — справа, center — по центру)
- hidden=»значение» — видимость панели ( true — скрыть, false — показывать), по умолчанию панель видна
- autostart=»значение» — проигрывать музыку при загрузке ( true — да, false — нет)
- loop=»значение» — значение true — проигрывать по кругу, false — один раз
embed src value»>fon_music.mp3″ loop value»>true» width value»>300px» height value»>100px» align value»>center» autostart value»>false»>
У каждого браузера штатный проигрыватель будет выглядеть по разному, поэтому рассматривать каждый из них в отдельности мы не будем.
В html5 можно использовать тег
Смысл использования тега вызывает сомнения, поскольку до сих пор у старых браузеров отсутствует поддержка html5.
Синтаксис тег
audio src value»>адрес_музыки.mp3″ controls [атрибуты]> Браузер не поддерживает audio audio controls>
Следующие атрибуты можно использовать:
- autoplay=»значение» — включить музыку сразу при загрузке страницы
- controls=»значение» — отображать панель управления плеера в браузере
- loop=»значение» — отвечает за цикличность
- preload=»значение» — загружать музыку сразу с загрузкой страницы
Рассмотренные варианты на мой взгляд не являются идеальными решениями, поскольку все базируются на штатных проигрывателях. У каждого браузера будет свой штатный проигрыватель по умолчанию, а в каких-то он вообще может не работать. Поэтому лучше всего скачать плеер к себе на сайт и уже с него загружать музыку. У такого плеера будет функции остановки, настройки громкости и т.п. — весь необходимый набор для простого пользователя.
Источник: zarabotat-na-sajte.ru