Приветствую Вас, Гость

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: нибирутяночка, Юлиана  
Ещё раз о добавлении музыки.
Хранитель-ВетерДата: Воскресенье, 28.07.2019, 20:40 | Сообщение # 21
Безтитульный
Группа: Администраторы
Сообщений: 266
Статус: Offline
Проигрыватель на HTML5 для аудио и видео.

Аудиоплеер:


Код
<audio controls>
<source src="music.mp3" type="audio/mpeg">
<source src="music.ogg" type="audio/ogg">
</audio>


Видеоплеер:

Код
<video src="video.mp4" poster="poster.jpg" controls></video>


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

Обратите внимание, как указан источник. Для видео достаточно прописать атрибут src, а для аудио нужно прописывать дополнительные элементы source, чтобы указать пути и формат файлов. В коде выше добавлено два одинаковых файла, но в разных расширениях — это нужно для того, чтобы прослушать запись можно было на всех устройствах и во всех браузерах, потому что не все из них поддерживают mp3 или какой-то другой формат.

Вот список атрибутов, которые можно указать для плеера:
  • controls — панель управления;
  • autoplay — автовоспроизведение;
  • loop — цикличность;
  • muted — выключение звука;
  • poster — обложка видео. Если не указать, будет выбран случайный кадр;
  • preload — предварительная загрузка. Существует 3 значения: auto (полностью), metadata (небольшую часть, чтобы определить основные метаданные) и none (без загрузки);
  • src — ссылка на файл.


Также можно указать высоту и ширину плеера.
 
нибирутяночкаДата: Понедельник, 29.07.2019, 01:11 | Сообщение # 22
Старший
Группа: Администраторы
Сообщений: 344
Статус: Offline
Спасибо, хороший плеер! И легко применить, достаточно ссылку вставить и играет! Сохраню! 

 
Хранитель-ВетерДата: Четверг, 28.01.2021, 20:23 | Сообщение # 23
Безтитульный
Группа: Администраторы
Сообщений: 266
Статус: Offline
В связи с тем, что флэш-плеер "приказал долго жить", даю здесь код нового плеера, в котором, после небольшой доработки, будут работать и плейлисты с сайта Uppod.ru.

Код
<div id="player">
<script>
   var player = new Playerjs({id:"player", file:"//site.com/audio.mp3"});
</script>
</div>
где file - ссылка на файл видео или аудио, плейлист в отдельном txt файле, манифест HLS или DASH, ссылка YouTube или Vimeo. Если плееров на странице несколько, то можно присваивать им имена, например, player1, player2...
 
нибирутяночкаДата: Четверг, 28.01.2021, 20:58 | Сообщение # 24
Старший
Группа: Администраторы
Сообщений: 344
Статус: Offline
Спасибо, это То, что нужно и ждали, теперь есть всё, чтобы добавить музыку..
Сейчас скопирую Код и сохраню,  будем применять!

 
 
ЮлианаДата: Четверг, 28.01.2021, 21:05 | Сообщение # 25
Младший
Группа: Администраторы
Сообщений: 223
Статус: Offline
Цитата Хранитель-Ветер ()
код нового плеера

В телефоне не видно. Надо, чтоб было видно,
иногда же и с телефона хочется послушать...)
 
Хранитель-ВетерДата: Среда, 03.02.2021, 15:20 | Сообщение # 26
Безтитульный
Группа: Администраторы
Сообщений: 266
Статус: Offline
Цитата Юлиана ()
В телефоне не видно. Надо, чтоб было видно,иногда же и с телефона хочется послушать...)

Работаем и в этом направлении.)
 
peterchessДата: Пятница, 22.10.2021, 15:27 | Сообщение # 27
Ученик
Группа: Друзья
Сообщений: 1
Статус: Offline
Здесь можно посмотреть https://www.petrkazakov.ru/music/
 
нибирутяночкаДата: Пятница, 22.10.2021, 16:27 | Сообщение # 28
Старший
Группа: Администраторы
Сообщений: 344
Статус: Offline
Цитата peterchess ()
Здесь можно посмотреть https://www.petrkazakov.ru/music/
Заслушалась smile  appl veselo  Спасибо! )  
 
tomfolkinДата: Четверг, 11.11.2021, 21:10 | Сообщение # 29
Ученик
Группа: Друзья
Сообщений: 1
Статус: Offline
Всем привет, вот подготовил для вас подборку лучших музыкальных mp3 сайтов с огромным количеством музыки , последними новинками, слушать онлайн и качать песни можно без ограничений! 

https://mp3hoof.com Скачать музыку бесплатно, популярные песни в mp3

https://goodmp3.org Скачать музыку бесплатно в mp3, песни без регистрации

https://mp3lookup.com Скачать и слушать музыку бесплатно, без регистрации на телефон или компьютер в mp3

https://mp3gorilla.com Скачать музыку бесплатно и слушать онлайн без регистрации - песни в mp3

https://muzzilla.net Популярная музыка 2021 слушать или скачать mp3 песни

https://vpleere.net Скачать популярную музыку Вплеере.нет

https://muzonoff.org Скачать музыку бесплатно в формате mp3 – Слушать песни бесплатно онлайн

https://allmp3s.org Скачать музыку или слушать песни онлайн в mp3

https://freehits.org Скачать бесплатно песни и музыку в mp3 и слушать онлайн

https://russianhits.net Скачать музыку mp3 бесплатно и слушать онлайн

Добавлено (23.11.2021, 19:58)
---------------------------------------------
https://mufm.me/ Вот тут еще сможете всю музыку найти послушать и скачать полностью бесплатно, отличный музыкальный портал

 
Хранитель-ВетерДата: Понедельник, 27.03.2023, 15:37 | Сообщение # 30
Безтитульный
Группа: Администраторы
Сообщений: 266
Статус: Offline
Плееры, большинство которых уже опробованы на сайте.


Код
Ромб: <script src="https://vsegda.moy.su/player/romb-1.js" type="text/javascript"></script> (115х116)
nigru: <script src="https://vsegda.moy.su/player/nigru.js" type="text/javascript"></script> (320х400)
1980: <script src="https://vsegda.moy.su/player/playerjs-1980.js" type="text/javascript"></script> (320х60)
pobeda: <script src="https://vsegda.moy.su/player/pobeda.js" type="text/javascript"></script> (320х50)
bub: <script src="https://vsegda.moy.su/player/playerjs-bub.js" type="text/javascript"></script> (150х150)
kasseta: <script src="https://vsegda.moy.su/player/kasseta.js" type="text/javascript"></script> (235х150)
One: <script src="https://vsegda.moy.su/player/playerjs-pleer-one.js" type="text/javascript"></script> (320х312)
LV: <script src="https://vsegda.moy.su/player/playerjs-lv.js" type="text/javascript"></script> (320х190)
Винамп: <script src="https://vsegda.moy.su/player/playerjs-winamp.js" type="text/javascript"></script> (300х98)
Несс: <script src="https://vsegda.moy.su/player/playerjs-ness.js" type="text/javascript"></script> (320х500)
Космос: <script src="https://vsegda.moy.su/player/player-kosmos.js" type="text/javascript"></script> (320х40)
Космос-2:<script src="https://vsegda.moy.su/player/kosmos-2.js " type="text/javascript"></script> (320х25)
Gr: <script src="https://vsegda.moy.su/player/playerjs-gr.js" type="text/javascript"></script> (320х50)
White: <script src="https://vsegda.moy.su/player/white.js" type="text/javascript"></script> (818х330)
Ведео: <script src="https://vsegda.moy.su/player/vid-ifr.js" type="text/javascript"></script> (329х180)


Эти скрипты вставляются при создании поста, или при редактировании в самый его верх, или непосредственно перед кодом плеера(названия и размеры не нужно вставлять).

Код плеера(общий как для одиночных файлов mp3, так и для плейлистов). В режиме html вставляется в редакторе там, где это нужно вам.


Код
<table border="0">
    <tbody>
        <tr>
            <td style="width: 320px; height: 40px;">
<div id="player1"><script>
 var player = new Playerjs({id:"player1", file:"https://....mp3"});
</script></div>
            </td>
        </tr>
    </tbody>
</table>

где "player", если их несколько, может быть пронумерован по порядку. После слова file: в кавычках ставите ссылку на файл mp3, или плейлист.
 
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: