Главная страница>Связанные с программированием>Другой исходный код
Скачать
игрок шака

Шака Игрок

Shaka Player — это библиотека JavaScript с открытым исходным кодом для адаптивного мультимедиа. Он воспроизводит адаптивные медиаформаты (такие как DASH, HLS и MSS) в браузере без использования плагинов или Flash. Вместо этого Shaka Player использует открытые веб-стандарты MediaSource Extensions и Encrypted Media Extensions.

Shaka Player также поддерживает автономное хранение и воспроизведение мультимедиа с помощью IndexedDB. Контент можно хранить в любом браузере. Хранение лицензий зависит от поддержки браузера.

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

Подробную информацию о том, что будет дальше, можно найти в нашей дорожной карте развития.

Поддерживаемые филиалы

См. обновленный список поддерживаемых веток Shaka Player на сайте Maintenance-branches.md.

Матрица поддержки платформ и браузеров

Браузер Окна Мак Линукс Андроид iOS >= 9 iOS >= 17.1 iPadOS >= 13 ChromeOS Другой
Хром¹ Да Да Да Да Родной Родной Родной Да -
Firefox¹ Да Да Да непроверенный⁵ Родной Родной Родной - -
Край¹ Да - - - - - - - -
Краевой хром Да Да Да непроверенный⁵ Родной Родной Родной - -
ИЕ Н - - - - - - - -
Сафари¹ - Да - - Родной Да Да - -
Опера¹ Да Да Да непроверенный⁵ Родной - - - -
Хромкаст². - - - - - - - - Да
Тизен ТВ³ - - - - - - - - Да
WebOS⁶ - - - - - - - - Да
Hisense⁷ - - - - - - - - Да
Xbox Один - - - - - - - - Да
PlayStation 4⁷ - - - - - - - - Да
PlayStation 5⁷ - - - - - - - - Да

ПРИМЕЧАНИЯ:

  • ¹: В macOS поддерживается только Safari 9+. На iOS поддерживается только iOS 9+. Старые версии будут отклонены.
  • ²: протестирована последняя стабильная версия прошивки Chromecast. И отправитель, и получатель могут быть реализованы с помощью Shaka Player.
  • ³: Модель Tizen 2017 активно тестируется и поддерживается командой Shaka Player. Модель Tizen 2016 поддерживается сообществом и не тестировалась нами.
  • ⁵: Ожидается, что они будут работать, но команда Shaka Player активно не тестирует их.
  • ⁶: ​​Ожидается, что они будут работать, но поддерживаются сообществом и не проверялись нами.
    • Официальная поддержка LG WebOS TV: #1330.
  • ⁷: Ожидается, что они будут работать, но поддерживаются сообществом и не проверялись нами.

ПРИМЕЧАНИЯ для iOS и iPadOS:

  • Мы поддерживаем iOS 9+ через собственный проигрыватель HLS от Apple. Мы предоставляем тот же API верхнего уровня, но просто устанавливаем элемент src видео в манифест/media. Таким образом, мы зависим от браузера, поддерживающего манифесты.
  • Поскольку iPadOS 13 поддерживает расширения MediaSource.
  • Начиная с iPadOS 17 и iOS 17.1 поддерживаются расширения ManagedMediaSource.

Матрица поддержки формата манифеста

Формат Видео по запросу Жить Событие Выполняется запись
БРОСАТЬСЯ Да Да - Да
ЗОЖ Да Да Да -
МСС Да - - -

Вы также можете создать плагин синтаксического анализатора манифеста для поддержки пользовательских форматов манифеста.

Возможности DASH

Поддерживаемые функции DASH:

  • Записи VOD, прямые трансляции и незавершенные записи (динамический контент VOD)
  • MPD@timeShiftBufferDepth для поиска назад в прямых трансляциях
  • Многопериодный контент (статический и динамический)
  • Элементы Xlink (только actuate=onLoad, разрешение до нуля, резервное содержимое)
  • Все формы информации об индексе сегмента: SegmentBase@indexRange, SegmentTimeline, SegmentTemplate@duration, SegmentTemplate@index, SegmentList.
  • Мультикодек/мультиконтейнерные манифесты (мы обсудим поддержку с браузером и выберем лучшие)
  • Зашифрованный контент (включая пользовательские схемы ContentProtection, PSSH в манифесте)
  • Ключевое вращение
  • Треки в режиме трюков
  • ВебВТТ и ТТМЛ
  • Подписи CEA-608/708
  • Варианты с несколькими кодеками (на платформах с поддержкой ChangeType)
  • Цепочка MPD
  • Обновления MPD Patch для SegmentTemplate с $Number$ , SegmentTimeline с $Number$ и SegmentTimeline с помощью $Time$

Функции DASH не поддерживаются:

  • Xlink с actuate=onRequest
  • Манифесты без информации о сегменте: #1088.
  • Несколько треков в режиме трюков для одного и того же разрешения с различной частотой кадров или битрейтом
  • Временные шкалы настолько велики, что временные метки не могут быть представлены в виде целых чисел в JavaScript (2^53): #1667
  • Изменение элементов с помощью атрибута @schemeIdUri с помощью MPD Patch.
  • Разыменование Xlink с помощью MPD Patch

Возможности ЗОЖ

Поддерживаемые функции HLS:

  • Типы VOD, Live и Event
  • Потоковая передача с малой задержкой, частичными сегментами, подсказками по предварительной загрузке, дельта-обновлениями и блокировкой перезагрузки плейлиста.
  • Прерывистость
  • Поддержка ISO-BMFF/MP4/CMAF
  • Поддержка MPEG-2 TS
  • ВебВТТ и ТТМЛ
  • Подписи CEA-608/708
  • Зашифрованный контент с помощью PlayReady и Widevine
  • Зашифрованный контент с помощью FairPlay (только Safari на macOS и iOS 9+)
  • Поддержка AES-128, AES-256 и AES-256-CTR в браузерах с поддержкой Web Crypto API
  • Поддержка SAMPLE-AES и SAMPLE-AES-CTR (идентификация) в браузерах с поддержкой ClearKey.
  • Ключевое вращение
  • Необработанные форматы AAC, MP3, AC-3 и EC-3 (без контейнера MP4)
  • Списки воспроизведения только для I-кадров (для трюкового воспроизведения и миниатюр)
  • #EXT-X-IMAGE-STREAM-INF для миниатюр
  • Межстраничные объявления
  • Изменение контейнера во время воспроизведения (например, с MP4 на TS или с AAC на TS)

Функции HLS не поддерживаются:

  • Атрибут X-SNAP в межстраничных объявлениях

Поддерживаемые теги HLS

Подробную информацию о формате HLS и значении этих тегов см. на странице https://datatracker.ietf.org/doc/html/draft-pantos-hls-rfc8216bis.

Теги многовариантного плейлиста

  • #EXT-X-STREAM-INF:
  • #EXT-X-MEDIA:
  • #EXT-X-IMAGE-STREAM-INF:
  • #EXT-XI-FRAME-STREAM-INF:
  • #EXT-X-SESSION-DATA:
  • #EXT-X-SESSION-KEY: Выбор и предварительная загрузка системы ключей EME
  • #EXT-X-START:TIME-OFFSET=
  • #EXT-X-CONTENT-STEERING: Управление контентом
  • #EXT-X-DEFINE: Замена переменных (атрибуты NAME,VALUE,QUERYPARAM )

Теги плейлиста мультимедиа

  • #EXTM3U
  • #EXTINF:,[]</code></li><li> <code>#EXT-X-PLAYLIST-TYPE:<type</code></li><li> <code>#EXT-X-ENDLIST</code></li><li> <code>#EXT-X-MEDIA-SEQUENCE=<n></code></li><li> <code>#EXT-X-TARGETDURATION=<n></code></li><li> <code>#EXT-X-DISCONTINUITY</code></li><li> <code>#EXT-X-DISCONTINUITY-SEQUENCE=<n></code></li><li> <code>#EXT-X-BYTERANGE=<n>[@<o>]</code></li><li> <code>#EXT-X-MAP:<attribute-list></code></li><li> <code>#EXT-X-KEY:<attribute-list></code> ( <code>KEYFORMAT="identity",METHOD=SAMPLE-AES</code> поддерживается только с сегментами MP4)</li><li> <code>#EXT-X-PROGRAM-DATE-TIME:<attribute-list></code></li><li> <code>#EXT-X-START:TIME-OFFSET=<n></code></li><li> <code>#EXT-X-SERVER-CONTROL:<attribute-list></code></li><li> <code>#EXT-X-PART-INF:PART-TARGET=<n></code></li><li> <code>#EXT-X-PART:<attribute-list></code></li><li> <code>#EXT-X-SKIP:<attribute-list></code> Дельта-плейлисты</li><li> <code>#EXT-X-DATERANGE:<attribute-list></code> Метаданные</li><li> <code>#EXT-X-DEFINE:<attribute-list></code> Импорт и замена переменных (атрибуты <code>NAME,VALUE,IMPORT,QUERYPARAM</code> )</li><li> <code>#EXT-X-GAP</code></li><li> <code>#EXT-X-PRELOAD-HINT:<attribute-list></code></li><li> <code>#EXT-X-BITRATE</code></li> </ul></details><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Поддержка MPEG-5 Part2 LCEVC</h2></div><p dir="auto"> <strong>Поддерживается только в браузерах с поддержкой Media Source Extensions SourceBuffer.</strong></p><ul dir="auto"><li><p dir="auto"> Поддержка декодирования MPEG-5 Part2 LCEVC (декодирование, предоставляемое lcevc_dec.js, должно быть включено отдельно)</p></li><li><p dir="auto"> Документация по интеграции: документы</p></li><li><p dir="auto"> Подробнее о MPEG-5 Part2 LCEVC </p></li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Возможности МСС</h2></div><p dir="auto"> Поддерживаемые функции MSS:</p><ul dir="auto"><li> VOD</li><li> ААС и H.264</li><li> Зашифрованный контент (PlayReady)</li><li> ТТМЛ/DFXP</li><li> Поддерживается только с codem-isoboxer</li></ul><p dir="auto"> Функции MSS <strong>не</strong> поддерживаются:</p><ul dir="auto"><li> Жить </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Матрица поддержки DRM</h2></div><markdown-accessiblity-table><table><thead><tr><th align="center"> Браузер</th><th align="center"> Широкая лоза</th><th align="center"> PlayReady</th><th align="center"> Справедливо</th><th align="center"> ClearKey⁶</th></tr></thead><tbody><tr><td align="center"> Хром¹</td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>Да</strong></td></tr><tr><td align="center"> Firefox²</td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>Да</strong></td></tr><tr><td align="center"> Край³</td><td align="center"> -</td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> -</td></tr><tr><td align="center"> Краевой хром</td><td align="center"> <strong>Да</strong></td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> <strong>Да</strong></td></tr><tr><td align="center"> Сафари</td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>Да</strong></td><td align="center"> -</td></tr><tr><td align="center"> Опера</td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>Да</strong></td></tr><tr><td align="center"> Хромкаст</td><td align="center"> <strong>Да</strong></td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> <strong>Да</strong></td></tr><tr><td align="center"> Тизен ТВ</td><td align="center"> <strong>Да</strong></td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> <strong>Да</strong></td></tr><tr><td align="center"> ВебОС⁷</td><td align="center"> непроверенный⁷</td><td align="center"> непроверенный⁷</td><td align="center"> -</td><td align="center"> непроверенный⁷</td></tr><tr><td align="center"> Hisense⁷</td><td align="center"> непроверенный⁷</td><td align="center"> непроверенный⁷</td><td align="center"> -</td><td align="center"> непроверенный⁷</td></tr><tr><td align="center"> Xbox Один</td><td align="center"> -</td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> -</td></tr><tr><td align="center"> PlayStation 4⁷</td><td align="center"> -</td><td align="center"> непроверенный⁷</td><td align="center"> -</td><td align="center"> непроверенный⁷</td></tr><tr><td align="center"> PlayStation 5⁷</td><td align="center"> -</td><td align="center"> непроверенный⁷</td><td align="center"> -</td><td align="center"> непроверенный⁷</td></tr></tbody></table></markdown-accessiblity-table><p dir="auto"> Другие системы DRM должны работать «из коробки», если они совместимы и соответствуют спецификации EME.</p><p dir="auto"> ПРИМЕЧАНИЯ:</p><ul dir="auto"><li> ¹: Только официальные сборки Chrome содержат Widevine CDM. Chromium, собранный из исходного кода, не поддерживает DRM.</li><li> ²: DRM должно быть включено пользователем. Когда пользователь Firefox впервые посещает сайт с зашифрованными медиафайлами, ему будет предложено включить DRM.</li><li> ³: PlayReady в Edge, похоже, не работает на виртуальной машине или через удаленный рабочий стол.</li><li> ⁶: ​​ClearKey — это полезный инструмент для отладки, который не обеспечивает реальной безопасности контента.</li><li> ⁷: Ожидается, что они будут работать, но поддерживаются сообществом и не проверялись нами.</li></ul><markdown-accessiblity-table><table><thead><tr><th align="center"> Манифест</th><th align="center"> Широкая лоза</th><th align="center"> PlayReady</th><th align="center"> Справедливо</th><th align="center"> ClearKey</th></tr></thead><tbody><tr><td align="center"> БРОСАТЬСЯ</td><td align="center"> <strong>Да</strong></td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> <strong>Да</strong></td></tr><tr><td align="center"> ЗОЖ</td><td align="center"> <strong>Да</strong></td><td align="center"> <strong>Да</strong></td><td align="center"> <strong>Д</strong> ¹</td><td align="center"> -</td></tr><tr><td align="center"> МСС</td><td align="center"> -</td><td align="center"> <strong>Да</strong></td><td align="center"> -</td><td align="center"> -</td></tr></tbody></table></markdown-accessiblity-table><p dir="auto"> ПРИМЕЧАНИЯ:</p><ul dir="auto"><li> ¹: по умолчанию FairPlay обрабатывается с помощью встроенного проигрывателя HLS Apple в Safari. Однако мы поддерживаем FairPlay через MSE/EME. См. значение <code>streaming.useNativeHlsForFairPlay</code> . </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Медиа-контейнер и поддержка субтитров</h2></div><p dir="auto"> Shaka Player поддерживает:</p><ul dir="auto"><li> ISO-BMFF/CMAF/MP4<ul dir="auto"><li> Зависит от поддержки браузером контейнера через MediaSource.</li><li> Может анализировать поле «sidx» для SegmentBase@indexRange и SegmentTemplate@index DASH.</li><li> Можно найти и проанализировать поле «tfdt», чтобы найти время начала сегмента в HLS.</li><li> Для МСС необходим кодем-изобоксер v0.3.7+</li></ul></li><li> ВебМ<ul dir="auto"><li> Зависит от поддержки браузером контейнера через MediaSource.</li><li> Может анализировать элементы данных сигналов для SegmentBase@indexRange и SegmentTemplate@index DASH.</li><li> Не поддерживается в HLS</li></ul></li><li> MPEG-2 ТС<ul dir="auto"><li> Можно воспроизводить в любом браузере, поддерживающем MP4.</li><li> Может находить и анализировать временные метки, чтобы найти время начала сегмента в HLS.</li></ul></li><li> ВебВТТ<ul dir="auto"><li> Поддерживается как в текстовой форме, так и в формате MP4.</li></ul></li><li> ТТМЛ<ul dir="auto"><li> Поддерживается как в форме XML, так и встроен в MP4.</li></ul></li><li> СЕА-608<ul dir="auto"><li> Поддерживается встроенное в MP4 и TS.</li></ul></li><li> СЕА-708<ul dir="auto"><li> Поддерживается встроенное в MP4 и TS.</li></ul></li><li> Необработанный AAC<ul dir="auto"><li> Поддерживается в необработанном контейнере AAC и преобразование в AAC в контейнере MP4 (зависит от поддержки браузера через MediaSource).</li></ul></li><li> Необработанный MP3<ul dir="auto"><li> Поддерживается в контейнере необработанного MP3 и преобразование в MP3 в контейнере MP4 (зависит от поддержки браузера через MediaSource).</li></ul></li><li> Сырой AC-3<ul dir="auto"><li> Поддерживается в необработанном контейнере AC-3 и преобразование в AC-3 в контейнере MP4 (зависит от поддержки браузера через MediaSource).</li></ul></li><li> Сырой EC-3<ul dir="auto"><li> Поддерживается в необработанном контейнере EC-3 и преобразование в EC-3 в контейнере MP4 (зависит от поддержки браузера через MediaSource).</li></ul></li><li> SubRip (SRT)<ul dir="auto"><li> Только кодировка UTF-8</li></ul></li><li> LyRiCs (LRC)<ul dir="auto"><li> Только кодировка UTF-8</li></ul></li><li> Подстанция Альфа (ССА, АСС)<ul dir="auto"><li> Только кодировка UTF-8</li></ul></li><li> Субвивер (SBV)<ul dir="auto"><li> Только кодировка UTF-8</li></ul></li></ul><p dir="auto"> Субтитры по умолчанию отображаются браузером. Приложения могут создать подключаемый модуль отображения текста для клиентской визуализации, чтобы выйти за рамки атрибутов, поддерживаемых браузером.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Поддержка трансмуксера</h2></div><p dir="auto"> Shaka Player поддерживает:</p><ul dir="auto"><li> Необработанный AAC в AAC в MP4</li><li> Необработанный MP3 в MP3 в MP4</li><li> Необработанный AC-3 в AC-3 в MP4</li><li> Необработанный EC-3 в EC-3 в MP4</li><li> AAC в MPEG-2 TS в AAC в MP4</li><li> от AC-3 в MPEG-2 TS до AC-3 в MP4</li><li> От EC-3 в MPEG-2 TS до EC-3 в MP4</li><li> MP3 в MPEG-2 TS в MP3 в MP4</li><li> MP3 в MPEG-2 TS в необработанный MP3</li><li> Опус в MPEG-2 TS в MP3 в MP4</li><li> H.264 в MPEG-2 TS на H.264 в MP4</li><li> H.265 в MPEG-2 TS на H.265 в MP4</li><li> Мультиплексированный контент в формате MPEG-2 TS с предыдущими кодеками </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Поддержка миниатюр</h2></div><p dir="auto"> Shaka Player поддерживает:</p><ul dir="auto"><li> Внутренние миниатюры DASH. Использование набора адаптации изображений DASH-IF IOP</li><li> Внутренние миниатюры HLS. Использование плейлиста мультимедиа изображений HLS</li><li> Внутренние миниатюры HLS. Использование списков воспроизведения только для I-кадров с кодеком mjpg</li><li> Внешний WebVTT с изображениями/спрайтами (только для VoD) </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Монетизация с помощью рекламы</h2></div><p dir="auto"> Shaka Player поддерживает:</p><ul dir="auto"><li> IMA SDK для вставки рекламы на стороне клиента</li><li> IMA DAI SDK для вставки рекламы на стороне сервера</li><li> AWS MediaTailor для клиентской стороны</li><li> AWS MediaTailor для серверной части</li><li> Оверлеи AWS MediaTailor</li><li> Межстраничные объявления HLS</li><li> Вставка медиа-презентации DASH (альтернатива MPD)</li><li> Пользовательские межстраничные объявления</li><li> Базовая поддержка VAST и VMAP без IMA (воспроизведение без отслеживания) </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Поддержка управления контентом</h2></div><p dir="auto"> Shaka Player поддерживает управление контентом (v1) в DASH и HLS.</p><p dir="auto"> Поддерживаемые функции управления контентом:</p><ul dir="auto"><li> TTL, если отсутствует, значение по умолчанию — 300 секунд.</li><li> RELOAD-URI, если он отсутствует, мы используем URL-адрес, указанный в манифесте, в качестве резервного.</li><li> Только PATHWAY-PRIORITY Замена ХОСТА</li></ul><p dir="auto"> Функции управления контентом <strong>не</strong> поддерживаются:</p><ul dir="auto"><li> PATHWAY-CLONES другие замены, кроме HOST. </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Поддержка виртуальной реальности</h2></div><p dir="auto"> Shaka Player поддерживает VR, когда:</p><ul dir="auto"><li> Контент автоматически считается VR, если он соответствует следующим критериям:<ul dir="auto"><li> HLS или DASH-манифест</li><li> сегменты fMP4</li><li> Сегмент инициализации содержит поля <code>prji</code> и <code>hfov</code></li></ul></li><li> Или, если он включен вручную через конфигурацию пользовательского интерфейса.</li></ul><p dir="auto"> Поддерживаемые режимы VR:</p><ul dir="auto"><li> Равноугольная проекция с горизонтальным полем зрения на 360 градусов.</li><li> Проекция кубической карты с горизонтальным полем обзора на 360 градусов.</li></ul><p dir="auto"> ПРИМЕЧАНИЯ:</p><ul dir="auto"><li> VR поддерживается только для чистых потоков или потока HLS-AES. DRM предотвращает доступ к видеопикселям для преобразования. </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Документация и важные ссылки</h2></div><ul dir="auto"><li> Демо (источники)</li><li> Ночная демонстрация</li><li> Демо индекс</li><li> Документация по API</li><li> Учебники</li><li> Размещенные сборки на основе размещенных библиотек Google</li><li> Размещенные сборки на jsDelivr</li><li> Дорожная карта развития</li><li> Список объявлений (присоединяйтесь для нечастых объявлений и опросов)</li><li> Подпишитесь на выпуски, следуя инструкциям из этого блога. </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Часто задаваемые вопросы</h2></div><p dir="auto"> Для получения общей помощи и перед тем, как сообщать об ошибках, прочтите FAQ.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Содействие</h2></div><p dir="auto"> Если у вас есть улучшения или исправления, мы будем рады вашему вкладу. Пожалуйста, прочтите CONTRIBUTING.md для получения дополнительной информации о процессе, которому мы хотели бы, чтобы участники следовали.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Интеграция фреймворков</h2></div><p dir="auto"> У команды Shaka нет возможностей и опыта для предоставления рекомендаций и поддержки по интеграции Shaka Player с конкретными платформами, но некоторые из наших пользователей успешно сделали это и создали учебные пособия, чтобы помочь другим новичкам.</p><p dir="auto"> Шака + библиотека ReactJS</p><ul dir="auto"><li> https://github.com/winoffrg/limeplay</li></ul><p dir="auto"> Интеграция Shaka + ReactJS:</p><ul dir="auto"><li> https://github.com/matvp91/shaka-player-react</li><li> https://github.com/amit08255/shaka-player-react-with-ui-config</li></ul><p dir="auto"> Интеграция Shaka + Next.js:</p><ul dir="auto"><li> https://github.com/amit08255/shaka-player-react-with-ui-config/tree/master/nextjs-shaka-player</li></ul><p dir="auto"> Интеграция Shaka + Vue.js:</p><ul dir="auto"><li> https://github.com/davidjamesherzog/shaka-player-vuejs</li></ul><p dir="auto"> Интеграция Shaka + Nuxt.js:</p><ul dir="auto"><li> https://github.com/davidjamesherzog/shaka-player-nuxtjs</li></ul><p dir="auto"> Интеграция Shaka + video.js:</p><ul dir="auto"><li> https://github.com/davidjamesherzog/videojs-shaka</li></ul><p dir="auto"> Интеграция Шака + Angular:</p><ul dir="auto"><li> https://github.com/PatrickKalkman/shaka-player-angular</li></ul><p dir="auto"> Если вы опубликовали код/руководства по интеграции Shaka, пожалуйста, не стесняйтесь присылать PR, чтобы добавить их в этот список, мы с радостью одобрим!</p> </div> <div class="zd_btn more_version_btn" data-more="Расширять" data-less="Свернуть">Расширять</div> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template"> <span class="title">Дополнительная информация</span> </div> <ul class="more_info grid gap_y6 gap_x6 grid_c3"> <li> <span class="title">Версия</span> <span class="text">v4.11.11</span> </li> <li> <span class="title">Тип</span> <a class="text" href="/ru/category/list_228_1.html">Другой исходный код</a> </li> <li> <span class="title">Время обновления</span> <span class="text">2024-11-12</span> </li> <li> <span class="title">размер</span> <span class="text"></span> </li> <li> <span class="title">Язык</span> <span class="text">Упрощенный китайский</span> </li> </ul> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template arrow_link"> <span class="title">Связанные версии</span> </div> <ul class="version_list grid gap_x6 gap_y6 grid_c2"> <li> <div class="content"> <h3><a href="/ru/download/186835.html">SFVIP-плеер</a></h3> <div class="other"> <div class="time">2024-11-05</div> <a href="/ru/download/186835.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/ru/download/186373.html">WEBFISHING Гитарный плеер</a></h3> <div class="other"> <div class="time">2024-11-03</div> <a href="/ru/download/186373.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/ru/app/160710.html">Приложение KK Player</a></h3> <div class="other"> <div class="time">2024-03-02</div> <a href="/ru/app/160710.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/ru/app/121099.html">Программное обеспечение FX-плеера</a></h3> <div class="other"> <div class="time">2023-07-28</div> <a href="/ru/app/121099.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/ru/app/89490.html">Программное обеспечение Muso Player</a></h3> <div class="other"> <div class="time">2023-05-18</div> <a href="/ru/app/89490.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/ru/download/6300.html">Злой игрок</a></h3> <div class="other"> <div class="time">2009-06-22</div> <a href="/ru/download/6300.html" class="download_btn"></a> </div> </div> </li> </ul> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template arrow_link"> <span class="title">Рекомендуем вам</span> </div> <ul class="column3_box lr_img_text_template grid gap_x6 gap_y6 grid_c3"> <li> <a class="img_item" href="/ru/app/176855.html"><img src="https://images.downcodes.com/uploads/20240628/logo_667e0d8fe35261.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Мод Pizza Tower Noise DLC"></a> <div class="content"> <h3><a href="/ru/app/176855.html">Мод Pizza Tower Noise DLC</a></h3> <div class="cate"> <a href="/ru/category/list_299_1.html">Казуальная головоломка</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/ru/app/176584.html"><img src="https://images.downcodes.com/uploads/20240624/logo_6678eedab44bc1.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Семейный симулятор Happy Block House Mobile"></a> <div class="content"> <h3><a href="/ru/app/176584.html">Семейный симулятор Happy Block House Mobile</a></h3> <div class="cate"> <a href="/ru/category/list_307_1.html">Имитируемый бизнес</a> </div> <div class="other"> <span>1.0.41</span> </div> </div> </li> <li> <a class="img_item" href="/ru/app/176463.html"><img src="https://images.downcodes.com/uploads/20240622/logo_66764c7e969a71.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Ремонт крюка, установка эвакуации из метро"></a> <div class="content"> <h3><a href="/ru/app/176463.html">Ремонт крюка, установка эвакуации из метро</a></h3> <div class="cate"> <a href="/ru/category/list_309_1.html">стрельба в полете</a> </div> <div class="other"> <span>1.25.20</span> </div> </div> </li> <li> <a class="img_item" href="/ru/app/178338.html"><img src="https://images.downcodes.com/uploads/20240731/logo_66a9c40e360431.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Мобильная игра BodyCam"></a> <div class="content"> <h3><a href="/ru/app/178338.html">Мобильная игра BodyCam</a></h3> <div class="cate"> <a href="/ru/category/list_309_1.html">стрельба в полете</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/ru/app/178465.html"><img src="https://images.downcodes.com/uploads/20240802/logo_66ac4e39342541.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Мобильная версия BodyCam"></a> <div class="content"> <h3><a href="/ru/app/178465.html">Мобильная версия BodyCam</a></h3> <div class="cate"> <a href="/ru/category/list_309_1.html">стрельба в полете</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/ru/app/179461.html"><img src="https://images.downcodes.com/uploads/20240828/logo_66cee47da77471.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Помогите мне с Pinduoduo"></a> <div class="content"> <h3><a href="/ru/app/179461.html">Помогите мне с Pinduoduo</a></h3> <div class="cate"> <a href="/ru/category/list_285_1.html">Услуги жизнеобеспечения</a> </div> <div class="other"> <span>7.13.0</span> </div> </div> </li> <li> <a class="img_item" href="/ru/app/177718.html"><img src="https://images.downcodes.com/uploads/20240718/logo_6698949acee951.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Plants vs. Zombies для детского сада iOS"></a> <div class="content"> <h3><a href="/ru/app/177718.html">Plants vs. Zombies для детского сада iOS</a></h3> <div class="cate"> <a href="/ru/category/list_299_1.html">Казуальная головоломка</a> </div> <div class="other"> <span>3.3.0</span> </div> </div> </li> <li> <a class="img_item" href="/ru/app/177113.html"><img src="https://images.downcodes.com/uploads/20240704/logo_66860471a2eec1.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Растения против Зомби Фьюжн 1.1"></a> <div class="content"> <h3><a href="/ru/app/177113.html">Растения против Зомби Фьюжн 1.1</a></h3> <div class="cate"> <a href="/ru/category/list_299_1.html">Казуальная головоломка</a> </div> <div class="other"> <span>1.1</span> </div> </div> </li> <li> <a class="img_item" href="/ru/app/177925.html"><img src="https://images.downcodes.com/uploads/20240723/logo_669f2daa16acc1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Растения против Зомби Гибрид 2.4"></a> <div class="content"> <h3><a href="/ru/app/177925.html">Растения против Зомби Гибрид 2.4</a></h3> <div class="cate"> <a href="/ru/category/list_299_1.html">Казуальная головоломка</a> </div> <div class="other"> <span>2.4</span> </div> </div> </li> </ul> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template arrow_link"> <span class="title">Связанные новости</span> <a href="/category/list_336_1.html">Все</a> </div> <ul class="cate_list_template"> <li> <a href="/ru/wz/211305.html"> <div class="text">Как сделать пасхальное яйцо-манекен из Нукетауна в Black Ops 6, сезон 1</div> <span class="time">2024-11-15</span> </a> </li> <li> <a href="/ru/wz/211304.html"> <div class="text">Где взять все подарки компаньонов в Dragon Age The Veilguard</div> <span class="time">2024-11-15</span> </a> </li> <li> <a href="/ru/wz/210282.html"> <div class="text">Новый чит для Donkey Kong Country 2 был обнаружен спустя десятилетия</div> <span class="time">2024-11-10</span> </a> </li> <li> <a href="/ru/wz/210281.html"> <div class="text">Как совершить убийство с помощью дымовой гранаты и разблокировать визитную карточку тупой травмы в Black Ops 6 (BO6)</div> <span class="time">2024-11-11</span> </a> </li> <li> <a href="/ru/wz/210268.html"> <div class="text">Дата и время выхода Warzone и Black Ops 6 Season 1</div> <span class="time">2024-11-10</span> </a> </li> <li> <a href="/ru/wz/209430.html"> <div class="text">Руководство по пасхальному яйцу в боулинге Black Ops 6 Zombies Liberty Falls</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/ru/wz/209427.html"> <div class="text">Как победить Кориуса Ледяного Когтя в Dragon Age The Veilguard</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/ru/wz/209415.html"> <div class="text">Как добраться до Рощи Лумы и крепости Дракенхолд в King Legacy</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/ru/wz/209409.html"> <div class="text">Коды Zenless Zone Zero на ноябрь 2024 года и как их активировать</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/ru/wz/125037.html"> <div class="text">Как получить Чокобо в FF14 Поделитесь, как получить Чокобо в FF14</div> <span class="time">2023-10-31</span> </a> </li> <li> <a href="/ru/wz/18117.html"> <div class="text">Низкая производительность после установки RealNetworks RealOne Player в WINXP</div> <span class="time">2013-02-16</span> </a> </li> <li> <a href="/ru/wz/4560.html"> <div class="text">Плеер Windows Media Player</div> <span class="time">2009-06-20</span> </a> </li> </ul> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template arrow_link"> <span class="title">Комментарии пользователей</span> </div> </div> </section> <footer class="footer_template"> <div class="w12_box"> <div class="clearfix"> <div class="l_item"> <img src="https://images.downcodes.com/newdown/images/down-logo-foot.png" alt=""> <div class="f_icon"> <a href="https://www.facebook.com/" title="facebook"></a> <a href="https://telegram.org/" title="telegram"></a> <a href="https://www.tiktok.com/" title="tiktok"></a> <a href="https://www.youtube.com/" title="youtube"></a> </div> </div> <div class="r_item"> <dl> <dt>Products & Services</dt> <dd><a href="javascript:;">Install APK</a></dd> <dd><a href="javascript:;">APK signature verification</a></dd> <dd><a href="javascript:;">APK Download Service</a></dd> </dl> <dl> <dt>Company</dt> <dd><a href="javascript:;">Developer Console</a></dd> <dd><a href="javascript:;">Submit APK</a></dd> <dd><a href="javascript:;">Monetization of traffic through downcodes</a></dd> </dl> <dl> <dt>Legal</dt> <dd><a href="javascript:;">About us</a></dd> <dd><a href="javascript:;">Contact Us</a></dd> <dd><a href="javascript:;">Cooperation</a></dd> </dl> </div> </div> <p>© 2006-2024Copyright All rights reserves</p> </div> </footer> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//tongji.zhangwan.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '3']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-5D64MDP2H8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5D64MDP2H8'); </script> </body> <script src="/newdown/js/jquery.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/lazy.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/swiper.min.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/viewer.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/index.js" type="text/javascript" charset="utf-8"></script> <script> commonMethod.appdetail(); function phpLoadPage(){ this.kid = ''; this.lang = 'ru'; this.pageIndex = 1; this.resultLen = 10; this. requestUrl = "/show_comment_list"; } phpLoadPage.prototype.init = function() { var _this = this; var moreComment = 'Нажмите, чтобы загрузить больше'; $(".loadmore_item").click(function(){ if(_this.resultLen >= 10){ _this.pageIndex = _this.pageIndex + 1 $(".loadmore_item").html("loading...") $.ajax({ async: true, url: _this.requestUrl, type: 'GET', data : { page : _this.pageIndex,kid:_this.kid,lang:_this.lang }, dataType: 'json', timeout: 30000, success: function(result){ _this.resultLen = result.newArray.length if(_this.resultLen < 10){ $(".loadmore_item").html("Reached the end...") }else{ $(".loadmore_item").html(`${moreComment}`) } $(".comment_template").append(_this.mergeHtml(result.newArray)); }, error: function(xhr, status){ console.log('An error occurred...'); }, complete: function(xhr, status){ console.log('Ajax request has ended...'); } }) } }) } phpLoadPage.prototype.mergeHtml = function(data){ var textHtml = ""; var lang = 'ru'; let fromto = 'От'; for(var i=0;i<data.length;i++) { var item= data[i]; var lsHtml = item.mark == 1 && item.status == 1 ? `<span class="tip">${fromto}</span><a href="/${lang}/ask/${item.aid}.html">${item.title}</a>` : ''; textHtml += `<dd> <span class="img_item"> <img src="${item.headlogo}" alt="${item.adduser}"> </span> <div class="main"> <div class="title"> <span>${item.adduser}</span> ${lsHtml} <span>${item.showtime}</span> </div> <div>${item.content}</div> </div> </dd>`; } return textHtml; } new phpLoadPage().init() </script> </html>