A5.ru: конструктор сайтов

A5.ru: создать собственный сайт без лишних затрат и усилий!

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

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

Как правило, на интернет ресурсах, Вам предлагается скопировать готовый html код плеера и вставить его к себе на сайт, особо не разбираясь в деталях.

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

Итак, давайте определимся с исходными данными.

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

Мы знаем, что для воспроизведения звука на компьютере, нужна программа – плеер,  с помощью аудио плеера,  на компьютере проигрываются аудио файлы.

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

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

Итак, проблема воспроизведения звука на странице сайта решается добавлением на неё аудио плеера и настройкой конфигурации плеера.

В результате Выше сказанного, у нас получается следующая схема:   

1- для воспроизведения аудио файла формата mp3 на сайте, во-первых, необходимо этот файл закачать на сайт,

2- на сайте должен работать  плеер,

3- чтобы на web странице  отобразить плеер, его необходимо  описать соответствующим html кодом.

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

Плеер для сайта – Урок 1 - базовые понятия

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

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

1.  Плеер на сайт добавляется с помощью стандартных html тегов и добавляемых плагинов для браузера.

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

2.  html код плеера формируется на сервисном сайте, специализирующемся именно на формировании кода плеера. Вам остаётся только скопировать код к себе на страницу.

Недостатки – если сервис не будет доступен в Интернет, то плеер не отобразиться на Вашей странице, так как ссылка на него не будет работать.

3.  Есть сервисы, которые позволяют генерировать html код плеера, с данными Вашего сайта.

На мой взгляд, это хороший вариант, так как и воспроизводимый звуковой файл, и плеер находятся на Вашем сайте.  И если Ваш сайт доступен в сети, то всё будет работать.

4. Вы сами находите бесплатный плеер в Интернет, закачиваете его на сайт и сами пишите html код для него.

Этот способ похож на предыдущий. Просто при добавлении плеера на сайт,  вы полностью разбираетесь с html кодом.

Плеер для сайта - способы добавления

Ну что же, в следующем, 2 уроке, мы перейдем к практике.

Автор: Виктор Милованов

 

Как создать сайт без знания HTML

Как создать сайт без знания HTML

Как создать сайт на WordPress

Как создать сайт на WordPress

CSS для начинающих

CSS для начинающих

Скачать без регистрации

 
x