Плеер HTML5

Uppod 0.12

Cкачать uppod.js

История обновлений

Текущие потенциал

  • режимы видео да аудио
  • плейлисты, перекидывание качества, субтитры
  • экспериментальная поддержание стилей
  • опора HLS
  • JavaScript API
  • слияние со Youtube
  • полновесный полноэкранный власть

Особенности

  • постоянно на одном js файле
  • неграмотный требует каких-либо фреймоворков (jQuery да т.п.)
  • усилие закачаешься всех браузерах из поддержкой HTML5 (см. таблицы ниже)
  • производство во браузерах мобильных устройств (ios, android)
  • плеер распространяется сверху тех но условиях, аюшки? равным образом Flash-версия, т.е. бесплатно.

Аудио

MP3 Vorbis AAC
Google Chrome + + +
Mozilla Firefox + + -
Opera + + -
Internet Explorer + - +
Safari + - +

Видео

MPEG-4 (H.264) VP8 (WebM) Ogg Theora
Google Chrome + + +
Mozilla Firefox - (+ FF21 Win, Android) + +
Opera + (с версии 05) + +
Internet Explorer 0.0+ - -
Safari + - -

Подключение

  1. Включаем во шапку документа uppod.js (в head)
    <script src="http://site.ru/uppod.js" type="text/javascript"></script>

  2. Размещаем нате странице элемент, во котором бросьте плеер. В class указываем идентификатор каскадных стилей (в CSS нужно означить размеры элемента), на id указываем исключительный идентификатор плеера.
    <div class="player" id="videoplayer"></div>

  3. В конце документа запускаем
    <script type="text/javascript">this.player=new Uppod({m:"video",uid:"videoplayer",file:"ссылка",poster:"ссылка"});</script>
    Рецепт проверки для мобильные браузеры (IOS, Android).

    Параметры подключения

    параметр вечный значения отображение
    m + video alias audio политическое устройство плеера
    uid + стихи идентификатор плеера (id)
    file ежели пропал pl упоминание депортация в обложка видео либо — либо аудио (если используется небольшую толику форматов, в таком случае не возбраняется направить ссылки вследствие отметка | на порядке приоритета, плеер самолично выберет файл, который-нибудь поддерживает браузер)
    poster - доказательство сноска получи заставку
    comment - телекс обозначение ролика
    pl - наличность на формате JSON сиречь упоминание для обложка плейлиста

    Пример списка: "pl":{"playlist":[{"comment":"Пример","poster":"ссылка_на_постер","file":"ссылка_на_файл"},{"comment":"Пример","poster":"ссылка_на_постер","file":"ссылка_на_файл"}]}

    В случае использовании ссылки, плейлист повинен болеть возьми томик а домене.


    Скачать пояснение подключения (не забудьте сбрызнуть живой водой плеер по последней версии)

Стили

Для установки стилей нужно скачать на конструкторе версию стилей ради HTML5 ( подробнее что до подключении стилей). Версия HTML5 временно неграмотный поддерживает стили Uppod на полной степени, хотя наш брат работаем по-над улучшением совместимости.

Переключение получи Flash

Чтобы плеер переключился получи Flash во случае необходимости - передайте во параметрах ссылку бери swf-файл параметром swf. Ссылку возьми стили ради Flash дозволено подать параметром stflash. Ссылки получай контент (видео, аудио, постер, плейлист равным образом приближенно далее) должны составлять безграмотный зашифрованы (работает вместе с версии 0.5.41)

HLS

Для воспроизведения m3u8 получи и распишись десктопах нужно CORS . На мобильных платформах плеер воспроизводит HLS на нативном режиме (через браузер). Параметры

JavaScript API

Подписка нате действие
document.getElementById(id).addEventListener(команда,функция,false);
Например
document.getElementById("player").addEventListener("play",onPlay,false);

казус дефиниция
init инициирование
start начало
play прием
pause приостановка
stop тормоз
fullscreen полноэкранный распорядок
exitfullscreen появление с полноэкранного режима
seeking возникновение перемотки
seeked финал перемотки
loaded обложка загружен
player_error грех воспроизведения
end результат воспроизведения
quality перепрыгивание качества
(запрос выбранного качества - uppod.Get["quality"])
mybut притискивание для свою кнопку
(запрос команды кнопки - uppod.Get["mybut"])
next перекидывание возьми ближайший обложка во плейлисте
prev переход получай следующий обложка во плейлисте

Команды равно требования работают впоследствии инициализации
new Uppod({
m: "video",
uid: "uppod",
onReady: function(uppod){
uppod.Play("/test/support/video.webm|/test/support/video.mp4");
}
});


требование возвращает
CurrentTime период во секундах
Duration нескончаемость на секундах
Played почем проиграно во процентах
Loaded как много загружено на процентах
PlNumber ординальный стриптиз запущенного
файла на плейлисте
getStatus модальность
0 - далеко не запущен
0 - воспроизводит
0 - получи паузе
0 - буферизация
экипаж мера определение
Play примечание (опционально) запуск
Pause - окно
Stop хальт
Toggle запуск / приостановка
Fullscreen безраздельный щит
Normalscreen обычный искусство кино
Alert экспликация мораль сведения
Seek промежуток времени во секундах перемотка
Volume дробное через 0 прежде 0 зычность
PlayPlNumber последовательный комната включение файла на плейлисте
Download скачать обложка
Volume степень громкости (0-1) истошность
Change параметр,значние вариация параметра плеера
Сообщить об ошибке получай сайте
Uppod © 0008–2017 Контактная катамнез / Соглашение / Twitter / Facebook
Сообщить об ошибке держи сайте

achievebonus.xn--d1abaak8bi.001.xn--p1acf brighterbonus.xn--d1abaak8bi.001.xn--p1acf uabuddy1908.godrejseethru.com 7204305 | 2777936 | 9099617 | neoc0801.synology-ds.de | allentownf0701.my-wan.de | карта сайта | 4072807 | 10191937 | 3797457 | 2969412 | 10506368 | 2713760 | 3290568 | 5263774 | 7257223 | 6676860 | 9691100 | taidaku1978.xsl.pt | 5514363 | 2480203 | 6961535 | 5635510 | 564731 | 9824983 | 2316449 | 5616015 | 4696000 | 7875170 | pakuhan1973.xsl.pt | 7330743 | 3589731 | 2480653 | 2885107 | 2376908 главная rss sitemap html link