Página Inicial>Relacionado com a programação>Outro código-fonte
Baixar
jogador de shaka

Shaka Jogador

Shaka Player é uma biblioteca JavaScript de código aberto para mídia adaptativa. Reproduz formatos de mídia adaptáveis ​​(como DASH, HLS e MSS) em um navegador, sem usar plug-ins ou Flash. Em vez disso, o Shaka Player usa os padrões abertos da web MediaSource Extensions e Encrypted Media Extensions.

Shaka Player também suporta armazenamento offline e reprodução de mídia usando IndexedDB. O conteúdo pode ser armazenado em qualquer navegador. O armazenamento das licenças depende do suporte do navegador.

Nosso principal objetivo é facilitar ao máximo a transmissão de vídeo e áudio com taxa de bits adaptável usando tecnologias modernas de navegador. Tentamos manter a biblioteca leve, simples e livre de dependências de terceiros. Tudo que você precisa para construir e implantar está nas fontes.

Para obter detalhes sobre o que está por vir, consulte nosso roteiro de desenvolvimento.

Filiais mantidas

Consulte mainted-branches.md para obter a lista atualizada de filiais mantidas do Shaka Player.

Matriz de suporte de plataforma e navegador

Navegador Windows Mac Linux Android iOS >= 9 iOS >= 17.1 iPadOS >= 13 Chrome OS Outro
Cromo¹ S S S S Nativo Nativo Nativo S -
Firefox¹ S S S não testado⁵ Nativo Nativo Nativo - -
Borda¹ S - - - - - - - -
Borda Cromo S S S não testado⁵ Nativo Nativo Nativo - -
Ou seja N - - - - - - - -
Safári¹ - S - - Nativo S S - -
Ópera¹ S S S não testado⁵ Nativo - - - -
Chromecast². - - - - - - - - S
TV Tizen³ - - - - - - - - S
WebOS⁶ - - - - - - - - S
Hisense⁷ - - - - - - - - S
Xbox One - - - - - - - - S
PlayStation 4⁷ - - - - - - - - S
PlayStation 5⁷ - - - - - - - - S

NOTAS:

  • ¹: No macOS, apenas Safari 9+ é compatível. No iOS, apenas o iOS 9+ é compatível. Versões mais antigas serão rejeitadas.
  • ²: O firmware estável mais recente do Chromecast foi testado. Tanto o remetente quanto o destinatário podem ser implementados com o Shaka Player.
  • ³: O modelo Tizen 2017 é testado ativamente e apoiado pela equipe Shaka Player. O modelo Tizen 2016 é apoiado pela comunidade e não foi testado por nós.
  • ⁵: Espera-se que funcionem, mas não são testados ativamente pela equipe do Shaka Player.
  • ⁶: ​​Espera-se que funcionem, mas são apoiados pela comunidade e não foram testados por nós.
    • Suporte oficial para LG WebOS TV: #1330
  • ⁷: Espera-se que funcionem, mas são apoiados pela comunidade e não foram testados por nós.

NOTAS para iOS e iPadOS:

  • Oferecemos suporte para iOS 9+ por meio do player HLS nativo da Apple. Fornecemos a mesma API de nível superior, mas apenas definimos o elemento src do vídeo como manifesto/mídia. Portanto, dependemos do navegador que suporta os manifestos.
  • Como as extensões MediaSource do iPadOS 13 são suportadas
  • Desde iPadOS 17 e iOS 17.1, as extensões ManagedMediaSource são suportadas

Matriz de suporte ao formato de manifesto

Formatar Vídeo sob demanda Ao vivo Evento Gravação em andamento
TRAÇO S S - S
HLS S S S -
MSS S - - -

Você também pode criar um plug-in de analisador de manifesto para oferecer suporte a formatos de manifesto personalizados.

Recursos DASH

Recursos DASH suportados:

  • Gravações VOD, ao vivo e em andamento (conteúdo VOD dinâmico)
  • MPD@timeShiftBufferDepth para retroceder em transmissões ao vivo
  • Conteúdo multiperíodo (estático e dinâmico)
  • Elementos Xlink (apenas actuate=onLoad, resolução para zero, conteúdo substituto)
  • Todas as formas de informações de índice de segmento: SegmentBase@indexRange, SegmentTimeline, SegmentTemplate@duration, SegmentTemplate@index, SegmentList
  • Manifestos multi-codec/multi-container (negociaremos o suporte com o navegador e escolheremos os melhores)
  • Conteúdo criptografado (incluindo esquemas ContentProtection personalizados, PSSH no manifesto)
  • Rotação de chave
  • Faixas do modo truque
  • WebVTT e TTML
  • Legendas CEA-608/708
  • Variantes multi-codec (em plataformas com suporte changeType)
  • Encadeamento MPD
  • Atualizações de patch MPD para SegmentTemplate com $Número$ , SegmentTimeline com $Número$ e SegmentTimeline com $Tempo$

Recursos DASH não suportados:

  • Xlink com atuar=onRequest
  • Manifestos sem qualquer informação de segmento: #1088
  • Várias trilhas no modo truque para a mesma resolução em taxas de quadros ou taxas de bits variadas
  • Escalas de tempo tão grandes que os carimbos de data e hora não podem ser representados como números inteiros em JavaScript (2^53): #1667
  • Modificando elementos com um atributo @schemeIdUri via MPD Patch
  • Desreferenciação Xlink com MPD Patch

Recursos do HLS

Recursos HLS suportados:

  • Tipos de VOD, ao vivo e eventos
  • Streaming de baixa latência com segmentos parciais, dicas de pré-carregamento, atualizações delta e bloqueio de recarga da playlist
  • Descontinuidade
  • Suporte ISO-BMFF/MP4/CMAF
  • Suporte MPEG-2 TS
  • WebVTT e TTML
  • Legendas CEA-608/708
  • Conteúdo criptografado com PlayReady e Widevine
  • Conteúdo criptografado com FairPlay (somente Safari no macOS e iOS 9+)
  • Suporte AES-128, AES-256 e AES-256-CTR em navegadores com suporte Web Crypto API
  • Suporte SAMPLE-AES e SAMPLE-AES-CTR (identidade) em navegadores com suporte ClearKey
  • Rotação de chave
  • Raw AAC, MP3, AC-3 e EC-3 (sem contêiner MP4)
  • Playlists somente I-frame (para truques e miniaturas)
  • #EXT-X-IMAGE-STREAM-INF para miniaturas
  • Intersticiais
  • Mudança de contêiner durante a reprodução (por exemplo: MP4 para TS ou AAC para TS)

Recursos HLS não suportados:

  • Atributo X-SNAP em intersticiais

Tags HLS suportadas

Para obter detalhes sobre o formato HLS e os significados dessas tags, consulte https://datatracker.ietf.org/doc/html/draft-pantos-hls-rfc8216bis

Tags de lista de reprodução multivariadas

  • #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: Seleção e pré-carregamento do sistema de chaves EME
  • #EXT-X-START:TIME-OFFSET=
  • #EXT-X-CONTENT-STEERING: Direção de conteúdo
  • #EXT-X-DEFINE: Substituição de variáveis ​​(atributos NAME,VALUE,QUERYPARAM )

Tags da lista de reprodução de mídia

  • #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> é compatível apenas com segmentos 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> listas de reprodução Delta</li><li> <code>#EXT-X-DATERANGE:<attribute-list></code> Metadados</li><li> <code>#EXT-X-DEFINE:<attribute-list></code> Importação e substituição de variáveis ​​(atributos <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"> Suporte MPEG-5 Parte 2 LCEVC</h2></div><p dir="auto"> <strong>Suportado apenas em navegadores com suporte para extensões de fonte de mídia SourceBuffer</strong></p><ul dir="auto"><li><p dir="auto"> Suporte para decodificação MPEG-5 Part2 LCEVC (decodificação fornecida por lcevc_dec.js, deve ser incluída separadamente)</p></li><li><p dir="auto"> Documentação de integração: docs</p></li><li><p dir="auto"> Mais sobre MPEG-5 Part2 LCEVC </p></li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Recursos do MSS</h2></div><p dir="auto"> Recursos MSS suportados:</p><ul dir="auto"><li> Vídeo sob demanda</li><li> AAC e H.264</li><li> Conteúdo criptografado (PlayReady)</li><li> TTML/DFXP</li><li> Compatível apenas com codem-isoboxer</li></ul><p dir="auto"> Recursos MSS <strong>não</strong> suportados:</p><ul dir="auto"><li> Ao vivo </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Matriz de suporte DRM</h2></div><markdown-accessiblity-table><table><thead><tr><th align="center"> Navegador</th><th align="center"> Vinha larga</th><th align="center"> PlayReady</th><th align="center"> Jogo limpo</th><th align="center"> ClearKey⁶</th></tr></thead><tbody><tr><td align="center"> Cromo¹</td><td align="center"> <strong>S</strong></td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>S</strong></td></tr><tr><td align="center"> Firefox²</td><td align="center"> <strong>S</strong></td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>S</strong></td></tr><tr><td align="center"> Borda³</td><td align="center"> -</td><td align="center"> <strong>S</strong></td><td align="center"> -</td><td align="center"> -</td></tr><tr><td align="center"> Borda Cromo</td><td align="center"> <strong>S</strong></td><td align="center"> <strong>S</strong></td><td align="center"> -</td><td align="center"> <strong>S</strong></td></tr><tr><td align="center"> Safári</td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>S</strong></td><td align="center"> -</td></tr><tr><td align="center"> Ópera</td><td align="center"> <strong>S</strong></td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>S</strong></td></tr><tr><td align="center"> Chromecast</td><td align="center"> <strong>S</strong></td><td align="center"> <strong>S</strong></td><td align="center"> -</td><td align="center"> <strong>S</strong></td></tr><tr><td align="center"> TV Tizen</td><td align="center"> <strong>S</strong></td><td align="center"> <strong>S</strong></td><td align="center"> -</td><td align="center"> <strong>S</strong></td></tr><tr><td align="center"> WebOS⁷</td><td align="center"> não testado⁷</td><td align="center"> não testado⁷</td><td align="center"> -</td><td align="center"> não testado⁷</td></tr><tr><td align="center"> Hisense⁷</td><td align="center"> não testado⁷</td><td align="center"> não testado⁷</td><td align="center"> -</td><td align="center"> não testado⁷</td></tr><tr><td align="center"> Xbox One</td><td align="center"> -</td><td align="center"> <strong>S</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"> não testado⁷</td><td align="center"> -</td><td align="center"> não testado⁷</td></tr><tr><td align="center"> PlayStation 5⁷</td><td align="center"> -</td><td align="center"> não testado⁷</td><td align="center"> -</td><td align="center"> não testado⁷</td></tr></tbody></table></markdown-accessiblity-table><p dir="auto"> Outros sistemas DRM devem funcionar imediatamente se forem interoperáveis ​​e compatíveis com as especificações EME.</p><p dir="auto"> NOTAS:</p><ul dir="auto"><li> ¹: Somente compilações oficiais do Chrome contêm o Widevine CDM. O Chromium criado a partir do código-fonte não oferece suporte a DRM.</li><li> ²: O DRM deve ser habilitado pelo usuário. Na primeira vez que um usuário do Firefox visitar um site com mídia criptografada, o usuário será solicitado a ativar o DRM.</li><li> ³: O PlayReady no Edge parece não funcionar em uma VM ou na Área de Trabalho Remota.</li><li> ⁶: ​​ClearKey é uma ferramenta útil para depuração e não fornece segurança de conteúdo real.</li><li> ⁷: Espera-se que funcionem, mas são apoiados pela comunidade e não foram testados por nós.</li></ul><markdown-accessiblity-table><table><thead><tr><th align="center"> Manifesto</th><th align="center"> Vinha larga</th><th align="center"> PlayReady</th><th align="center"> Jogo limpo</th><th align="center"> ClearKey</th></tr></thead><tbody><tr><td align="center"> TRAÇO</td><td align="center"> <strong>S</strong></td><td align="center"> <strong>S</strong></td><td align="center"> -</td><td align="center"> <strong>S</strong></td></tr><tr><td align="center"> HLS</td><td align="center"> <strong>S</strong></td><td align="center"> <strong>S</strong></td><td align="center"> <strong>S¹</strong></td><td align="center"> -</td></tr><tr><td align="center"> MSS</td><td align="center"> -</td><td align="center"> <strong>S</strong></td><td align="center"> -</td><td align="center"> -</td></tr></tbody></table></markdown-accessiblity-table><p dir="auto"> NOTAS:</p><ul dir="auto"><li> ¹: Por padrão, o FairPlay é gerenciado usando o player HLS nativo da Apple, quando no Safari. No entanto, apoiamos o FairPlay através do MSE/EME. Consulte o valor de configuração <code>streaming.useNativeHlsForFairPlay</code> . </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Suporte para contêiner de mídia e legendas</h2></div><p dir="auto"> Shaka Player suporta:</p><ul dir="auto"><li> ISO-BMFF/CMAF/MP4<ul dir="auto"><li> Depende do suporte do navegador para o contêiner via MediaSource</li><li> Pode analisar a caixa "sidx" para SegmentBase@indexRange e SegmentTemplate@index do DASH</li><li> Pode localizar e analisar a caixa "tfdt" para encontrar a hora de início do segmento no HLS</li><li> Para MSS, é necessário o codem-isoboxer v0.3.7+</li></ul></li><li> WebM<ul dir="auto"><li> Depende do suporte do navegador para o contêiner via MediaSource</li><li> Pode analisar elementos de dados de sinalização para SegmentBase@indexRange e SegmentTemplate@index do DASH</li><li> Não compatível com HLS</li></ul></li><li> MPEG-2TS<ul dir="auto"><li> Pode ser reproduzido em qualquer navegador que suporte MP4</li><li> Pode encontrar e analisar carimbos de data/hora para encontrar a hora de início do segmento em HLS</li></ul></li><li> WebVTT<ul dir="auto"><li> Suportado em formato de texto e incorporado em MP4</li></ul></li><li> TML<ul dir="auto"><li> Compatível com formato XML e incorporado em MP4</li></ul></li><li> CEA-608<ul dir="auto"><li> Suportado incorporado em MP4 e TS</li></ul></li><li> CEA-708<ul dir="auto"><li> Suportado incorporado em MP4 e TS</li></ul></li><li> AAC bruto<ul dir="auto"><li> Suportado em contêiner AAC bruto e transmutação para AAC em contêiner MP4 (depende do suporte do navegador via MediaSource).</li></ul></li><li> MP3 bruto<ul dir="auto"><li> Suportado em contêiner MP3 bruto e transmutação para MP3 em contêiner MP4 (depende do suporte do navegador via MediaSource).</li></ul></li><li> AC-3 bruto<ul dir="auto"><li> Suportado em contêiner AC-3 bruto e transmutação para AC-3 em contêiner MP4 (depende do suporte do navegador via MediaSource).</li></ul></li><li> EC-3 bruto<ul dir="auto"><li> Suportado em contêiner EC-3 bruto e transmutação para EC-3 em contêiner MP4 (depende do suporte do navegador via MediaSource).</li></ul></li><li> SubRip (SRT)<ul dir="auto"><li> Somente codificação UTF-8</li></ul></li><li> Letras (LRC)<ul dir="auto"><li> Somente codificação UTF-8</li></ul></li><li> Subestação Alfa (SSA, ASS)<ul dir="auto"><li> Somente codificação UTF-8</li></ul></li><li> Subvisualizador (SBV)<ul dir="auto"><li> Somente codificação UTF-8</li></ul></li></ul><p dir="auto"> As legendas são renderizadas pelo navegador por padrão. Os aplicativos podem criar um plug-in de exibição de texto para renderização do cliente, indo além dos atributos suportados pelo navegador.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Suporte ao transmutador</h2></div><p dir="auto"> Shaka Player suporta:</p><ul dir="auto"><li> AAC bruto para AAC em MP4</li><li> MP3 bruto para MP3 em MP4</li><li> AC-3 bruto para AC-3 em MP4</li><li> EC-3 bruto para EC-3 em MP4</li><li> AAC em MPEG-2 TS para AAC em MP4</li><li> AC-3 em MPEG-2 TS para AC-3 em MP4</li><li> EC-3 em MPEG-2 TS para EC-3 em MP4</li><li> MP3 em MPEG-2 TS para MP3 em MP4</li><li> MP3 em MPEG-2 TS para MP3 bruto</li><li> Opus em MPEG-2 TS para MP3 em MP4</li><li> H.264 em MPEG-2 TS para H.264 em MP4</li><li> H.265 em MPEG-2 TS para H.265 em MP4</li><li> Conteúdo multiplexado em MPEG-2 TS com os codecs anteriores </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Suporte para miniaturas</h2></div><p dir="auto"> Shaka Player suporta:</p><ul dir="auto"><li> Miniaturas DASH internas. Usando o conjunto de adaptação de imagem DASH-IF IOP</li><li> Miniaturas HLS internas. Usando a lista de reprodução de mídia de imagem HLS</li><li> Miniaturas HLS internas. Usando listas de reprodução somente I-frame com codec mjpg</li><li> WebVTT externo com imagens/sprites (somente para VoD) </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Monetização com anúncios</h2></div><p dir="auto"> Shaka Player suporta:</p><ul dir="auto"><li> SDK do IMA para inserção de anúncios do lado do cliente</li><li> SDK IMA DAI para inserção de anúncios no servidor</li><li> AWS MediaTailor para cliente</li><li> AWS MediaTailor para servidor</li><li> Sobreposições do AWS MediaTailor</li><li> Intersticiais HLS</li><li> Inserção de apresentação de mídia DASH (alternativa MPD)</li><li> Intersticiais personalizados</li><li> Suporte básico de VAST e VMAP sem IMA (reprodução sem rastreamento) </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Suporte para direção de conteúdo</h2></div><p dir="auto"> Shaka Player suporta Content Steering (v1) em DASH e HLS.</p><p dir="auto"> Recursos de direção de conteúdo suportados:</p><ul dir="auto"><li> TTL, se estiver ausente, o valor padrão é 300 segundos.</li><li> RELOAD-URI, se estiver faltando, usamos o URL fornecido no manifesto como substituto.</li><li> PATHWAY-PRIORITY apenas substituição de HOST</li></ul><p dir="auto"> Recursos de direção de conteúdo <strong>não</strong> suportados:</p><ul dir="auto"><li> PATHWAY-CLONES outras substituições além de HOST. </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Suporte para RV</h2></div><p dir="auto"> Shaka Player suporta VR quando:</p><ul dir="auto"><li> O conteúdo é tratado automaticamente como VR se atender aos seguintes critérios:<ul dir="auto"><li> Manifesto HLS ou DASH</li><li> Segmentos fMP4</li><li> O segmento init contém caixas <code>prji</code> e <code>hfov</code></li></ul></li><li> Ou, se for ativado manualmente por meio da configuração da IU.</li></ul><p dir="auto"> Modos VR suportados:</p><ul dir="auto"><li> Projeção equiretangular com 360 graus de campo de visão horizontal.</li><li> Projeção Cubemap com 360 graus de campo de visão horizontal.</li></ul><p dir="auto"> NOTAS:</p><ul dir="auto"><li> VR é compatível apenas com streams claros ou HLS-AES. O DRM impede o acesso aos pixels de vídeo para transformação. </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Documentação e links importantes</h2></div><ul dir="auto"><li> Demonstração (fontes)</li><li> Demonstração noturna</li><li> Índice de demonstração</li><li> Documentação da API</li><li> Tutoriais</li><li> Builds hospedados nas bibliotecas hospedadas do Google</li><li> Compilações hospedadas em jsDelivr</li><li> Roteiro de desenvolvimento</li><li> Lista de anúncios (inscreva-se para anúncios e pesquisas pouco frequentes)</li><li> Assine os lançamentos seguindo as instruções deste blog </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Perguntas frequentes</h2></div><p dir="auto"> Para ajuda geral e antes de registrar qualquer bug, leia o FAQ.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Contribuindo</h2></div><p dir="auto"> Se você tiver melhorias ou correções, adoraríamos receber sua contribuição. Leia CONTRIBUTING.md para obter mais informações sobre o processo que gostaríamos que os contribuidores seguissem.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Integrações de estrutura</h2></div><p dir="auto"> A equipe do Shaka não tem largura de banda e experiência para fornecer orientação e suporte para a integração do Shaka Player com estruturas específicas, mas alguns de nossos usuários fizeram isso com sucesso e criaram tutoriais para ajudar outros iniciantes.</p><p dir="auto"> Biblioteca Shaka + ReactJS</p><ul dir="auto"><li> https://github.com/winoffrg/limeplay</li></ul><p dir="auto"> Integrações 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"> Integração 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"> Integrações Shaka + Vue.js:</p><ul dir="auto"><li> https://github.com/davidjamesherzog/shaka-player-vuejs</li></ul><p dir="auto"> Integração Shaka + Nuxt.js:</p><ul dir="auto"><li> https://github.com/davidjamesherzog/shaka-player-nuxtjs</li></ul><p dir="auto"> Integração Shaka + video.js:</p><ul dir="auto"><li> https://github.com/davidjamesherzog/videojs-shaka</li></ul><p dir="auto"> Integração Shaka + Angular:</p><ul dir="auto"><li> https://github.com/PatrickKalkman/shaka-player-angular</li></ul><p dir="auto"> Se você publicou códigos/tutoriais de integração Shaka, sinta-se à vontade para enviar PRs para adicioná-los a esta lista, teremos prazer em aprovar!</p> </div> <div class="zd_btn more_version_btn" data-more="Expandir" data-less="Recolher">Expandir</div> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template"> <span class="title">Informações adicionais</span> </div> <ul class="more_info grid gap_y6 gap_x6 grid_c3"> <li> <span class="title">Versão</span> <span class="text">v4.11.11</span> </li> <li> <span class="title">Tipo</span> <a class="text" href="/pt/category/list_228_1.html">Outro código-fonte</a> </li> <li> <span class="title">Data da Última Atualização</span> <span class="text">2024-11-12</span> </li> <li> <span class="title">tamanho</span> <span class="text"></span> </li> <li> <span class="title">Idioma</span> <span class="text">Chinês Simplificado</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">Versões Relacionadas</span> </div> <ul class="version_list grid gap_x6 gap_y6 grid_c2"> <li> <div class="content"> <h3><a href="/pt/download/186835.html">Jogador SFVIP</a></h3> <div class="other"> <div class="time">2024-11-05</div> <a href="/pt/download/186835.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/pt/download/186373.html">WEBFISHING Guitarrista</a></h3> <div class="other"> <div class="time">2024-11-03</div> <a href="/pt/download/186373.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/pt/app/160710.html">Aplicativo KK Player</a></h3> <div class="other"> <div class="time">2024-03-02</div> <a href="/pt/app/160710.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/pt/app/121099.html">Software reprodutor de efeitos</a></h3> <div class="other"> <div class="time">2023-07-28</div> <a href="/pt/app/121099.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/pt/app/89490.html">Software Muso Player</a></h3> <div class="other"> <div class="time">2023-05-18</div> <a href="/pt/app/89490.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/pt/download/6300.html">Jogador Maligno</a></h3> <div class="other"> <div class="time">2009-06-22</div> <a href="/pt/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">Recomendado para você</span> </div> <ul class="column3_box lr_img_text_template grid gap_x6 gap_y6 grid_c3"> <li> <a class="img_item" href="/pt/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="Mod DLC de ruído da torre de pizza"></a> <div class="content"> <h3><a href="/pt/app/176855.html">Mod DLC de ruído da torre de pizza</a></h3> <div class="cate"> <a href="/pt/category/list_299_1.html">Quebra-cabeças casual</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/pt/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="Simulador de família Happy Block House móvel"></a> <div class="content"> <h3><a href="/pt/app/176584.html">Simulador de família Happy Block House móvel</a></h3> <div class="cate"> <a href="/pt/category/list_307_1.html">Negócio simulado</a> </div> <div class="other"> <span>1.0.41</span> </div> </div> </li> <li> <a class="img_item" href="/pt/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="Reparar instalação de escape de metrô com gancho"></a> <div class="content"> <h3><a href="/pt/app/176463.html">Reparar instalação de escape de metrô com gancho</a></h3> <div class="cate"> <a href="/pt/category/list_309_1.html">tiro de voo</a> </div> <div class="other"> <span>1.25.20</span> </div> </div> </li> <li> <a class="img_item" href="/pt/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="Jogo para celular BodyCam"></a> <div class="content"> <h3><a href="/pt/app/178338.html">Jogo para celular BodyCam</a></h3> <div class="cate"> <a href="/pt/category/list_309_1.html">tiro de voo</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/pt/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="Versão móvel BodyCam"></a> <div class="content"> <h3><a href="/pt/app/178465.html">Versão móvel BodyCam</a></h3> <div class="cate"> <a href="/pt/category/list_309_1.html">tiro de voo</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/pt/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="Me ajude com Pinduoduo"></a> <div class="content"> <h3><a href="/pt/app/179461.html">Me ajude com Pinduoduo</a></h3> <div class="cate"> <a href="/pt/category/list_285_1.html">Serviços de vida</a> </div> <div class="other"> <span>7.13.0</span> </div> </div> </li> <li> <a class="img_item" href="/pt/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="Edição de jardim de infância de Plants vs. Zombies iOS"></a> <div class="content"> <h3><a href="/pt/app/177718.html">Edição de jardim de infância de Plants vs. Zombies iOS</a></h3> <div class="cate"> <a href="/pt/category/list_299_1.html">Quebra-cabeças casual</a> </div> <div class="other"> <span>3.3.0</span> </div> </div> </li> <li> <a class="img_item" href="/pt/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="Fusão de Plantas vs. Zumbis 1.1"></a> <div class="content"> <h3><a href="/pt/app/177113.html">Fusão de Plantas vs. Zumbis 1.1</a></h3> <div class="cate"> <a href="/pt/category/list_299_1.html">Quebra-cabeças casual</a> </div> <div class="other"> <span>1.1</span> </div> </div> </li> <li> <a class="img_item" href="/pt/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="Plantas vs. Zumbis Híbrido 2.4"></a> <div class="content"> <h3><a href="/pt/app/177925.html">Plantas vs. Zumbis Híbrido 2.4</a></h3> <div class="cate"> <a href="/pt/category/list_299_1.html">Quebra-cabeças casual</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">Informações Relacionadas</span> <a href="/category/list_336_1.html">Todos</a> </div> <ul class="cate_list_template"> <li> <a href="/pt/wz/211305.html"> <div class="text">Como fazer o ovo de Páscoa do manequim Nuketown em Black Ops 6, temporada 1</div> <span class="time">2024-11-15</span> </a> </li> <li> <a href="/pt/wz/211304.html"> <div class="text">Onde conseguir todos os presentes de companhia em Dragon Age The Veilguard</div> <span class="time">2024-11-15</span> </a> </li> <li> <a href="/pt/wz/210282.html"> <div class="text">Um novo cheat de Donkey Kong Country 2 foi descoberto após décadas</div> <span class="time">2024-11-10</span> </a> </li> <li> <a href="/pt/wz/210281.html"> <div class="text">Como matar com uma granada de fumaça e desbloquear o cartão de visita Blunt Trauma em Black Ops 6 (BO6)</div> <span class="time">2024-11-11</span> </a> </li> <li> <a href="/pt/wz/210268.html"> <div class="text">Data e hora de lançamento da 1ª temporada de Warzone e Black Ops 6</div> <span class="time">2024-11-10</span> </a> </li> <li> <a href="/pt/wz/209430.html"> <div class="text">Black Ops 6 Zombies Liberty Falls Bowling Alley Guia de ovos de Páscoa</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/pt/wz/209427.html"> <div class="text">Como vencer Corius, o Icetalon em Dragon Age The Veilguard</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/pt/wz/209415.html"> <div class="text">Como chegar a Luma Grove e à Fortaleza Drakenhold em King Legacy</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/pt/wz/209409.html"> <div class="text">Códigos Zenless Zone Zero para novembro de 2024 e como resgatá-los</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/pt/wz/125037.html"> <div class="text">Como obter o Chocobo no FF14 Compartilhe como obter o Chocobo no FF14</div> <span class="time">2023-10-31</span> </a> </li> <li> <a href="/pt/wz/18117.html"> <div class="text">Desempenho lento após instalar o RealNetworks RealOne Player no WINXP</div> <span class="time">2013-02-16</span> </a> </li> <li> <a href="/pt/wz/4560.html"> <div class="text">Reprodutor de janela 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">Comentários dos Usuários</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 = 'pt'; this.pageIndex = 1; this.resultLen = 10; this. requestUrl = "/show_comment_list"; } phpLoadPage.prototype.init = function() { var _this = this; var moreComment = 'Clique para ver mais'; $(".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 = 'pt'; let fromto = 'Vindo de'; 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>