Startseite>Programmierbezogen>Anderer Quellcode
Herunterladen
Shaka-Spieler

Shaka-Spieler

Shaka Player ist eine Open-Source-JavaScript-Bibliothek für adaptive Medien. Es spielt adaptive Medienformate (wie DASH, HLS und MSS) in einem Browser ab, ohne Plugins oder Flash zu verwenden. Stattdessen verwendet Shaka Player die offenen Webstandards MediaSource Extensions und Encrypted Media Extensions.

Shaka Player unterstützt auch die Offline-Speicherung und Wiedergabe von Medien mithilfe von IndexedDB. Inhalte können in jedem Browser gespeichert werden. Die Speicherung von Lizenzen hängt von der Browserunterstützung ab.

Unser Hauptziel ist es, das Streamen von Video und Audio mit adaptiver Bitrate mithilfe moderner Browsertechnologien so einfach wie möglich zu machen. Wir versuchen, die Bibliothek leicht, einfach und frei von Abhängigkeiten Dritter zu halten. Alles, was Sie zum Erstellen und Bereitstellen benötigen, finden Sie in den Quellen.

Weitere Informationen zu den nächsten Schritten finden Sie in unserer Entwicklungs-Roadmap.

Gepflegte Filialen

Unter „maintained-branches.md“ finden Sie die aktuelle Liste der gepflegten Zweige von Shaka Player.

Plattform- und Browser-Unterstützungsmatrix

Browser Windows Mac Linux Android iOS >= 9 iOS >= 17.1 iPadOS >= 13 ChromeOS Andere
Chrom¹ Y Y Y Y Einheimisch Einheimisch Einheimisch Y -
Firefox¹ Y Y Y ungetestet⁵ Einheimisch Einheimisch Einheimisch - -
Kante¹ Y - - - - - - - -
Kantenchrom Y Y Y ungetestet⁵ Einheimisch Einheimisch Einheimisch - -
IE N - - - - - - - -
Safari¹ - Y - - Einheimisch Y Y - -
Oper¹ Y Y Y ungetestet⁵ Einheimisch - - - -
Chromecast². - - - - - - - - Y
Tizen TV³ - - - - - - - - Y
WebOS⁶ - - - - - - - - Y
Hisense⁷ - - - - - - - - Y
Xbox One - - - - - - - - Y
Playstation 4⁷ - - - - - - - - Y
Playstation 5⁷ - - - - - - - - Y

HINWEISE:

  • ¹: Unter macOS wird nur Safari 9+ unterstützt. Unter iOS wird nur iOS 9+ unterstützt. Ältere Versionen werden abgelehnt.
  • ²: Die neueste stabile Chromecast-Firmware wird getestet. Sowohl Sender als auch Empfänger können mit Shaka Player implementiert werden.
  • ³: Das Modell Tizen 2017 wird vom Shaka Player-Team aktiv getestet und unterstützt. Das Modell Tizen 2016 wird von der Community unterstützt und von uns nicht getestet.
  • ⁵: Es wird erwartet, dass diese funktionieren, sie werden jedoch vom Shaka Player-Team nicht aktiv getestet.
  • ⁶: ​​Es wird erwartet, dass diese funktionieren, sie werden jedoch von der Community unterstützt und von uns nicht getestet.
    • Offizielle Unterstützung für LG WebOS TV: #1330
  • ⁷: Es wird erwartet, dass diese funktionieren, sie werden jedoch von der Community unterstützt und von uns nicht getestet.

HINWEISE für iOS und iPadOS:

  • Wir unterstützen iOS 9+ über den nativen HLS-Player von Apple. Wir stellen die gleiche API der obersten Ebene bereit, setzen jedoch lediglich das src Element des Videos auf das Manifest/Medium. Wir sind also darauf angewiesen, dass der Browser die Manifeste unterstützt.
  • Seit iPadOS 13 werden MediaSource Extensions unterstützt
  • Seit iPadOS 17 und iOS 17.1 werden ManagedMediaSource Extensions unterstützt

Unterstützungsmatrix für Manifestformate

Format Video-on-Demand Live Ereignis Laufende Aufnahme
BINDESTRICH Y Y - Y
HLS Y Y Y -
MSS Y - - -

Sie können auch ein Manifest-Parser-Plugin erstellen, um benutzerdefinierte Manifestformate zu unterstützen.

DASH-Funktionen

Unterstützte DASH-Funktionen:

  • VOD-, Live- und laufende Aufzeichnungen (dynamische VOD-Inhalte)
  • MPD@timeShiftBufferDepth für die Rückwärtssuche in Live-Streams
  • Mehrperiodiger Inhalt (statisch und dynamisch)
  • Xlink-Elemente (nur actuate=onLoad, Auflösung auf Null, Fallback-Inhalt)
  • Alle Formen von Segmentindexinformationen: SegmentBase@indexRange, SegmentTimeline, SegmentTemplate@duration, SegmentTemplate@index, SegmentList
  • Multi-Codec-/Multi-Container-Manifeste (wir verhandeln die Unterstützung mit dem Browser und wählen die besten aus)
  • Verschlüsselter Inhalt (einschließlich benutzerdefinierter ContentProtection-Schemas, PSSH im Manifest)
  • Schlüsseldrehung
  • Trick-Modus-Tracks
  • WebVTT und TTML
  • CEA-608/708-Untertitel
  • Multi-Codec-Varianten (auf Plattformen mit ChangeType-Unterstützung)
  • MPD-Verkettung
  • MPD-Patch-Updates für SegmentTemplate mit $Anzahl$ , SegmentTimeline mit $Anzahl$ und SegmentTimeline mit $Zeit$

DASH-Funktionen werden nicht unterstützt:

  • Xlink mit actuate=onRequest
  • Manifestiert ohne Segmentinformationen: #1088
  • Mehrere Spuren im Trickmodus für dieselbe Auflösung bei unterschiedlichen Bildraten oder Bitraten
  • Zeitskalen sind so groß, dass Zeitstempel in JavaScript nicht als Ganzzahlen dargestellt werden können (2^53): #1667
  • Elemente mit einem @schemeIdUri-Attribut über den MPD-Patch ändern
  • Xlink-Dereferenzierung mit MPD-Patch

HLS-Funktionen

Unterstützte HLS-Funktionen:

  • VOD-, Live- und Event-Typen
  • Streaming mit geringer Latenz mit Teilsegmenten, Preload-Hinweisen, Delta-Updates und Blockierung des Neuladens von Playlists
  • Diskontinuität
  • ISO-BMFF / MP4 / CMAF-Unterstützung
  • MPEG-2 TS-Unterstützung
  • WebVTT und TTML
  • CEA-608/708-Untertitel
  • Verschlüsselte Inhalte mit PlayReady und Widevine
  • Verschlüsselte Inhalte mit FairPlay (Safari nur auf macOS und iOS 9+)
  • AES-128-, AES-256- und AES-256-CTR-Unterstützung in Browsern mit Web Crypto API-Unterstützung
  • Unterstützung für SAMPLE-AES und SAMPLE-AES-CTR (Identität) auf Browsern mit ClearKey-Unterstützung
  • Schlüsseldrehung
  • Rohes AAC, MP3, AC-3 und EC-3 (ohne MP4-Container)
  • Nur-I-Frame-Wiedergabelisten (für Trickwiedergabe und Miniaturansichten)
  • #EXT-X-IMAGE-STREAM-INF für Miniaturansichten
  • Interstitials
  • Containerwechsel während der Wiedergabe (z. B.: MP4 zu TS, oder AAC zu TS)

HLS-Funktionen werden nicht unterstützt:

  • X-SNAP-Attribut in Interstitials

Unterstützte HLS-Tags

Einzelheiten zum HLS-Format und den Bedeutungen dieser Tags finden Sie unter https://datatracker.ietf.org/doc/html/draft-pantos-hls-rfc8216bis

Multivariante Playlist-Tags

  • #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: Auswahl und Vorladen des EME-Schlüsselsystems
  • #EXT-X-START:TIME-OFFSET=
  • #EXT-X-CONTENT-STEERING: Inhaltssteuerung
  • #EXT-X-DEFINE: Variablenersetzung (Attribute NAME,VALUE,QUERYPARAM )

Medien-Playlist-Tags

  • #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> wird nur mit MP4-Segmenten unterstützt)</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> Delta-Playlists</li><li> <code>#EXT-X-DATERANGE:<attribute-list></code> Metadaten</li><li> <code>#EXT-X-DEFINE:<attribute-list></code> Variablenimport und -substitution (Attribute <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-Unterstützung</h2></div><p dir="auto"> <strong>Wird nur in Browsern mit Media Source Extensions SourceBuffer-Unterstützung unterstützt</strong></p><ul dir="auto"><li><p dir="auto"> MPEG-5 Part2 LCEVC-Dekodierungsunterstützung (Dekodierung bereitgestellt von lcevc_dec.js, muss separat enthalten sein)</p></li><li><p dir="auto"> Integrationsdokumentation: Dokumente</p></li><li><p dir="auto"> Mehr zu MPEG-5 Part2 LCEVC </p></li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> MSS-Funktionen</h2></div><p dir="auto"> Unterstützte MSS-Funktionen:</p><ul dir="auto"><li> VOD</li><li> AAC und H.264</li><li> Verschlüsselter Inhalt (PlayReady)</li><li> TTML/DFXP</li><li> Wird nur mit Codem-Isoboxer unterstützt</li></ul><p dir="auto"> MSS-Funktionen werden <strong>nicht</strong> unterstützt:</p><ul dir="auto"><li> Live </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> DRM-Unterstützungsmatrix</h2></div><markdown-accessiblity-table><table><thead><tr><th align="center"> Browser</th><th align="center"> Widevine</th><th align="center"> PlayReady</th><th align="center"> Fair Play</th><th align="center"> ClearKey⁶</th></tr></thead><tbody><tr><td align="center"> Chrom¹</td><td align="center"> <strong>Y</strong></td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>Y</strong></td></tr><tr><td align="center"> Firefox²</td><td align="center"> <strong>Y</strong></td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>Y</strong></td></tr><tr><td align="center"> Kante³</td><td align="center"> -</td><td align="center"> <strong>Y</strong></td><td align="center"> -</td><td align="center"> -</td></tr><tr><td align="center"> Kantenchrom</td><td align="center"> <strong>Y</strong></td><td align="center"> <strong>Y</strong></td><td align="center"> -</td><td align="center"> <strong>Y</strong></td></tr><tr><td align="center"> Safari</td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>Y</strong></td><td align="center"> -</td></tr><tr><td align="center"> Oper</td><td align="center"> <strong>Y</strong></td><td align="center"> -</td><td align="center"> -</td><td align="center"> <strong>Y</strong></td></tr><tr><td align="center"> Chromecast</td><td align="center"> <strong>Y</strong></td><td align="center"> <strong>Y</strong></td><td align="center"> -</td><td align="center"> <strong>Y</strong></td></tr><tr><td align="center"> Tizen-TV</td><td align="center"> <strong>Y</strong></td><td align="center"> <strong>Y</strong></td><td align="center"> -</td><td align="center"> <strong>Y</strong></td></tr><tr><td align="center"> WebOS⁷</td><td align="center"> ungetestet⁷</td><td align="center"> ungetestet⁷</td><td align="center"> -</td><td align="center"> ungetestet⁷</td></tr><tr><td align="center"> Hisense⁷</td><td align="center"> ungetestet⁷</td><td align="center"> ungetestet⁷</td><td align="center"> -</td><td align="center"> ungetestet⁷</td></tr><tr><td align="center"> Xbox One</td><td align="center"> -</td><td align="center"> <strong>Y</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"> ungetestet⁷</td><td align="center"> -</td><td align="center"> ungetestet⁷</td></tr><tr><td align="center"> Playstation 5⁷</td><td align="center"> -</td><td align="center"> ungetestet⁷</td><td align="center"> -</td><td align="center"> ungetestet⁷</td></tr></tbody></table></markdown-accessiblity-table><p dir="auto"> Andere DRM-Systeme sollten sofort funktionieren, wenn sie interoperabel sind und der EME-Spezifikation entsprechen.</p><p dir="auto"> HINWEISE:</p><ul dir="auto"><li> ¹: Nur offizielle Chrome-Builds enthalten das Widevine CDM. Aus dem Quellcode erstelltes Chromium unterstützt kein DRM.</li><li> ²: DRM muss vom Benutzer aktiviert werden. Wenn ein Firefox-Benutzer zum ersten Mal eine Website mit verschlüsselten Medien besucht, wird er aufgefordert, DRM zu aktivieren.</li><li> ³: PlayReady in Edge scheint auf einer VM oder über Remotedesktop nicht zu funktionieren.</li><li> ⁶: ​​ClearKey ist ein nützliches Tool zum Debuggen und bietet keine tatsächliche Inhaltssicherheit.</li><li> ⁷: Es wird erwartet, dass diese funktionieren, sie werden jedoch von der Community unterstützt und von uns nicht getestet.</li></ul><markdown-accessiblity-table><table><thead><tr><th align="center"> Manifest</th><th align="center"> Widevine</th><th align="center"> PlayReady</th><th align="center"> Fair Play</th><th align="center"> ClearKey</th></tr></thead><tbody><tr><td align="center"> BINDESTRICH</td><td align="center"> <strong>Y</strong></td><td align="center"> <strong>Y</strong></td><td align="center"> -</td><td align="center"> <strong>Y</strong></td></tr><tr><td align="center"> HLS</td><td align="center"> <strong>Y</strong></td><td align="center"> <strong>Y</strong></td><td align="center"> <strong>Ja¹</strong></td><td align="center"> -</td></tr><tr><td align="center"> MSS</td><td align="center"> -</td><td align="center"> <strong>Y</strong></td><td align="center"> -</td><td align="center"> -</td></tr></tbody></table></markdown-accessiblity-table><p dir="auto"> HINWEISE:</p><ul dir="auto"><li> ¹: Standardmäßig wird FairPlay in Safari mit dem nativen HLS-Player von Apple verarbeitet. Wir unterstützen FairPlay jedoch über MSE/EME. Siehe den Konfigurationswert „ <code>streaming.useNativeHlsForFairPlay</code> . </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Unterstützung für Mediencontainer und Untertitel</h2></div><p dir="auto"> Shaka Player unterstützt:</p><ul dir="auto"><li> ISO-BMFF / CMAF / MP4<ul dir="auto"><li> Hängt von der Browserunterstützung für den Container über MediaSource ab</li><li> Kann das Feld „sidx“ für SegmentBase@indexRange und SegmentTemplate@index von DASH analysieren</li><li> Kann das Feld „tfdt“ finden und analysieren, um die Segmentstartzeit in HLS zu ermitteln</li><li> Für MSS ist codem-isoboxer v0.3.7+ erforderlich</li></ul></li><li> WebM<ul dir="auto"><li> Hängt von der Browserunterstützung für den Container über MediaSource ab</li><li> Kann Cueing-Datenelemente für SegmentBase@indexRange und SegmentTemplate@index von DASH analysieren</li><li> Wird in HLS nicht unterstützt</li></ul></li><li> MPEG-2 TS<ul dir="auto"><li> Kann in jedem Browser abgespielt werden, der MP4 unterstützt</li><li> Kann Zeitstempel finden und analysieren, um die Segmentstartzeit in HLS zu ermitteln</li></ul></li><li> WebVTT<ul dir="auto"><li> Unterstützt sowohl in Textform als auch eingebettet in MP4</li></ul></li><li> TTML<ul dir="auto"><li> Unterstützt sowohl im XML-Format als auch eingebettet in MP4</li></ul></li><li> CEA-608<ul dir="auto"><li> Unterstützt eingebettet in MP4 und TS</li></ul></li><li> CEA-708<ul dir="auto"><li> Unterstützt eingebettet in MP4 und TS</li></ul></li><li> Roher AAC<ul dir="auto"><li> Unterstützt im Roh-AAC-Container und beim Transmuxen in AAC im MP4-Container (abhängig von der Browserunterstützung über MediaSource).</li></ul></li><li> Rohes MP3<ul dir="auto"><li> Unterstützt im Roh-MP3-Container und Transmuxen in MP3 im MP4-Container (abhängig von der Browserunterstützung über MediaSource).</li></ul></li><li> Rohes AC-3<ul dir="auto"><li> Unterstützt im AC-3-Rohcontainer und Transmuxen zu AC-3 im MP4-Container (abhängig von der Browserunterstützung über MediaSource).</li></ul></li><li> Rohes EC-3<ul dir="auto"><li> Unterstützt im rohen EC-3-Container und Transmuxen zu EC-3 im MP4-Container (abhängig von der Browserunterstützung über MediaSource).</li></ul></li><li> SubRip (SRT)<ul dir="auto"><li> Nur UTF-8-Kodierung</li></ul></li><li> LyRiCs (LRC)<ul dir="auto"><li> Nur UTF-8-Kodierung</li></ul></li><li> SubStation Alpha (SSA, ASS)<ul dir="auto"><li> Nur UTF-8-Kodierung</li></ul></li><li> SubViewer (SBV)<ul dir="auto"><li> Nur UTF-8-Kodierung</li></ul></li></ul><p dir="auto"> Untertitel werden standardmäßig vom Browser gerendert. Anwendungen können ein Textanzeige-Plugin für die Kundendarstellung erstellen, um über die vom Browser unterstützten Attribute hinauszugehen.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Transmuxer-Unterstützung</h2></div><p dir="auto"> Shaka Player unterstützt:</p><ul dir="auto"><li> Rohes AAC zu AAC in MP4</li><li> Rohes MP3 zu MP3 in MP4</li><li> Rohes AC-3 zu AC-3 in MP4</li><li> Rohes EC-3 zu EC-3 in MP4</li><li> AAC in MPEG-2 TS zu AAC in MP4</li><li> AC-3 in MPEG-2 TS zu AC-3 in MP4</li><li> EC-3 in MPEG-2 TS zu EC-3 in MP4</li><li> MP3 in MPEG-2 TS zu MP3 in MP4</li><li> MP3 in MPEG-2 TS in rohes MP3</li><li> Opus in MPEG-2 TS zu MP3 in MP4</li><li> H.264 in MPEG-2 TS zu H.264 in MP4</li><li> H.265 in MPEG-2 TS zu H.265 in MP4</li><li> Inhalte in MPEG-2 TS mit den bisherigen Codecs gemultiplext </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Unterstützung für Miniaturansichten</h2></div><p dir="auto"> Shaka Player unterstützt:</p><ul dir="auto"><li> Interne DASH-Miniaturansichten. Verwendung des DASH-IF IOP-Bildanpassungssatzes</li><li> Interne HLS-Miniaturansichten. Verwenden der HLS Image Media Playlist</li><li> Interne HLS-Miniaturansichten. Verwendung von Nur-I-Frame-Wiedergabelisten mit MJPG-Codec</li><li> Externes WebVTT mit Bildern/Sprites (nur für VoD) </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Monetarisierung mit Anzeigen</h2></div><p dir="auto"> Shaka Player unterstützt:</p><ul dir="auto"><li> IMA SDK für clientseitige Anzeigeneinfügung</li><li> IMA DAI SDK für serverseitige Anzeigeneinfügung</li><li> AWS MediaTailor für Client-Seite</li><li> AWS MediaTailor für Serverseite</li><li> AWS MediaTailor-Overlays</li><li> HLS-Interstitials</li><li> DASH Media Presentation Insertion (MPD-Alternative)</li><li> Benutzerdefinierte Interstitials</li><li> Grundlegende Unterstützung von VAST und VMAP ohne IMA (Wiedergabe ohne Tracking) </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Unterstützung für Content Steering</h2></div><p dir="auto"> Shaka Player unterstützt Content Steering (v1) in DASH und HLS.</p><p dir="auto"> Unterstützte Content-Steering-Funktionen:</p><ul dir="auto"><li> TTL, falls fehlt, beträgt der Standardwert 300 Sekunden.</li><li> RELOAD-URI, wenn es fehlt, verwenden wir die im Manifest angegebene URL als Fallback.</li><li> Nur PATHWAY-PRIORITY-HOST-Ersatz</li></ul><p dir="auto"> Content-Steering-Funktionen werden <strong>nicht</strong> unterstützt:</p><ul dir="auto"><li> PATHWAY-CLONES andere Ersetzungen als HOST. </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> VR-Unterstützung</h2></div><p dir="auto"> Shaka Player unterstützt VR, wenn:</p><ul dir="auto"><li> Inhalte werden automatisch als VR behandelt, wenn sie die folgenden Kriterien erfüllen:<ul dir="auto"><li> HLS- oder DASH-Manifest</li><li> fMP4-Segmente</li><li> Das Init-Segment enthält <code>prji</code> und <code>hfov</code> Boxen</li></ul></li><li> Oder wenn es manuell über die UI-Konfiguration aktiviert wird.</li></ul><p dir="auto"> Unterstützte VR-Modi:</p><ul dir="auto"><li> Äquirechteckige Projektion mit 360 Grad horizontalem Sichtfeld.</li><li> Cubemap-Projektion mit 360 Grad horizontalem Sichtfeld.</li></ul><p dir="auto"> HINWEISE:</p><ul dir="auto"><li> VR wird nur für klare Streams oder HLS-AES-Streams unterstützt. DRM verhindert den Zugriff auf die Videopixel zur Transformation. </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Dokumentation und wichtige Links</h2></div><ul dir="auto"><li> Demo(Quellen)</li><li> Nächtliche Demo</li><li> Demo-Index</li><li> API-Dokumentation</li><li> Tutorials</li><li> Gehostete Builds auf von Google gehosteten Bibliotheken</li><li> Gehostete Builds auf jsDelivr</li><li> Entwicklungs-Roadmap</li><li> Ankündigungsliste (beitreten für seltene Ankündigungen und Umfragen)</li><li> Abonnieren Sie Veröffentlichungen, indem Sie den Anweisungen in diesem Blog folgen </li></ul><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> FAQ</h2></div><p dir="auto"> Für allgemeine Hilfe und bevor Sie Fehler melden, lesen Sie bitte die FAQ.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Mitwirken</h2></div><p dir="auto"> Wenn Sie Verbesserungen oder Korrekturen haben, würden wir uns über Ihre Beiträge freuen. Bitte lesen Sie CONTRIBUTING.md für weitere Informationen über den Prozess, den die Mitwirkenden befolgen sollen.</p><div class="markdown-heading" dir="auto"><h2 tabindex="-1" class="heading-element" dir="auto"> Framework-Integrationen</h2></div><p dir="auto"> Das Shaka-Team verfügt nicht über die Bandbreite und Erfahrung, um Anleitung und Unterstützung für die Integration von Shaka Player in bestimmte Frameworks bereitzustellen, aber einige unserer Benutzer haben dies erfolgreich getan und Tutorials erstellt, um anderen Anfängern zu helfen.</p><p dir="auto"> Shaka + ReactJS-Bibliothek</p><ul dir="auto"><li> https://github.com/winoffrg/limeplay</li></ul><p dir="auto"> Shaka + ReactJS-Integrationen:</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-Integration:</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-Integrationen:</p><ul dir="auto"><li> https://github.com/davidjamesherzog/shaka-player-vuejs</li></ul><p dir="auto"> Shaka + Nuxt.js-Integration:</p><ul dir="auto"><li> https://github.com/davidjamesherzog/shaka-player-nuxtjs</li></ul><p dir="auto"> Shaka + video.js-Integration:</p><ul dir="auto"><li> https://github.com/davidjamesherzog/videojs-shaka</li></ul><p dir="auto"> Shaka + Winkelintegration:</p><ul dir="auto"><li> https://github.com/PatrickKalkman/shaka-player-angular</li></ul><p dir="auto"> Wenn Sie Code/Tutorials zur Shaka-Integration veröffentlicht haben, können Sie gerne PRs einreichen, um sie dieser Liste hinzuzufügen. Wir genehmigen dies gerne!</p> </div> <div class="zd_btn more_version_btn" data-more="Expandieren" data-less="Zusammenklappen">Expandieren</div> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template"> <span class="title">Zusätzliche Informationen</span> </div> <ul class="more_info grid gap_y6 gap_x6 grid_c3"> <li> <span class="title">Version</span> <span class="text">v4.11.11</span> </li> <li> <span class="title">Typ</span> <a class="text" href="/de/category/list_228_1.html">Anderer Quellcode</a> </li> <li> <span class="title">Aktualisierungszeit</span> <span class="text">2024-11-12</span> </li> <li> <span class="title">Größe</span> <span class="text"></span> </li> <li> <span class="title">Sprache</span> <span class="text">Vereinfachtes Chinesisch</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">Ähnliche Versionen</span> </div> <ul class="version_list grid gap_x6 gap_y6 grid_c2"> <li> <div class="content"> <h3><a href="/de/download/186835.html">SFVIP-Spieler</a></h3> <div class="other"> <div class="time">2024-11-05</div> <a href="/de/download/186835.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/de/download/186373.html">WEBFISHING-Gitarrist</a></h3> <div class="other"> <div class="time">2024-11-03</div> <a href="/de/download/186373.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/de/app/160710.html">KK Player-App</a></h3> <div class="other"> <div class="time">2024-03-02</div> <a href="/de/app/160710.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/de/app/121099.html">FX-Player-Software</a></h3> <div class="other"> <div class="time">2023-07-28</div> <a href="/de/app/121099.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/de/app/89490.html">Muso Player-Software</a></h3> <div class="other"> <div class="time">2023-05-18</div> <a href="/de/app/89490.html" class="download_btn"></a> </div> </div> </li> <li> <div class="content"> <h3><a href="/de/download/6300.html">Böser Spieler</a></h3> <div class="other"> <div class="time">2009-06-22</div> <a href="/de/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">Empfohlen für Sie</span> </div> <ul class="column3_box lr_img_text_template grid gap_x6 gap_y6 grid_c3"> <li> <a class="img_item" href="/de/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 Mod"></a> <div class="content"> <h3><a href="/de/app/176855.html">Pizza Tower Noise DLC Mod</a></h3> <div class="cate"> <a href="/de/category/list_299_1.html">Lässiges Puzzle</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/de/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 Family Simulator Mobile"></a> <div class="content"> <h3><a href="/de/app/176584.html">Happy Block House Family Simulator Mobile</a></h3> <div class="cate"> <a href="/de/category/list_307_1.html">Simuliertes Geschäft</a> </div> <div class="other"> <span>1.0.41</span> </div> </div> </li> <li> <a class="img_item" href="/de/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="Reparieren Sie die U-Bahn-Fluchtinstallation des Hakens"></a> <div class="content"> <h3><a href="/de/app/176463.html">Reparieren Sie die U-Bahn-Fluchtinstallation des Hakens</a></h3> <div class="cate"> <a href="/de/category/list_309_1.html">Flugschießen</a> </div> <div class="other"> <span>1.25.20</span> </div> </div> </li> <li> <a class="img_item" href="/de/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-Handyspiel"></a> <div class="content"> <h3><a href="/de/app/178338.html">BodyCam-Handyspiel</a></h3> <div class="cate"> <a href="/de/category/list_309_1.html">Flugschießen</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/de/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-Mobilversion"></a> <div class="content"> <h3><a href="/de/app/178465.html">BodyCam-Mobilversion</a></h3> <div class="cate"> <a href="/de/category/list_309_1.html">Flugschießen</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/de/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="Hilf mir mit Pinduoduo"></a> <div class="content"> <h3><a href="/de/app/179461.html">Hilf mir mit Pinduoduo</a></h3> <div class="cate"> <a href="/de/category/list_285_1.html">Lebensdienstleistungen</a> </div> <div class="other"> <span>7.13.0</span> </div> </div> </li> <li> <a class="img_item" href="/de/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 Kindergarten Edition iOS"></a> <div class="content"> <h3><a href="/de/app/177718.html">Plants vs. Zombies Kindergarten Edition iOS</a></h3> <div class="cate"> <a href="/de/category/list_299_1.html">Lässiges Puzzle</a> </div> <div class="other"> <span>3.3.0</span> </div> </div> </li> <li> <a class="img_item" href="/de/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="Pflanzen vs. Zombies Fusion 1.1"></a> <div class="content"> <h3><a href="/de/app/177113.html">Pflanzen vs. Zombies Fusion 1.1</a></h3> <div class="cate"> <a href="/de/category/list_299_1.html">Lässiges Puzzle</a> </div> <div class="other"> <span>1.1</span> </div> </div> </li> <li> <a class="img_item" href="/de/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="Pflanzen vs. Zombies Hybrid 2.4"></a> <div class="content"> <h3><a href="/de/app/177925.html">Pflanzen vs. Zombies Hybrid 2.4</a></h3> <div class="cate"> <a href="/de/category/list_299_1.html">Lässiges Puzzle</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">Ähnliche Nachrichten</span> <a href="/category/list_336_1.html">Alle</a> </div> <ul class="cate_list_template"> <li> <a href="/de/wz/211305.html"> <div class="text">Wie man das Mannequin Nuketown Easter Egg in Staffel 1 von Black Ops 6 herstellt</div> <span class="time">2024-11-15</span> </a> </li> <li> <a href="/de/wz/211304.html"> <div class="text">Wo man alle Gefährtengeschenke in Dragon Age The Veilguard bekommt</div> <span class="time">2024-11-15</span> </a> </li> <li> <a href="/de/wz/210282.html"> <div class="text">Nach Jahrzehnten wurde ein neuer Cheat für Donkey Kong Country 2 entdeckt</div> <span class="time">2024-11-10</span> </a> </li> <li> <a href="/de/wz/210281.html"> <div class="text">Wie man in Black Ops 6 (BO6) einen Kill mit einer Rauchgranate erzielt und die Visitenkarte „Stumpfes Trauma“ freischaltet</div> <span class="time">2024-11-11</span> </a> </li> <li> <a href="/de/wz/210268.html"> <div class="text">Erscheinungsdatum und -uhrzeit von Warzone und Black Ops 6 Staffel 1</div> <span class="time">2024-11-10</span> </a> </li> <li> <a href="/de/wz/209430.html"> <div class="text">Black Ops 6 Zombies Liberty Falls Bowling Alley Easter Egg Guide</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/de/wz/209427.html"> <div class="text">Wie man Corius the Icetalon in Dragon Age The Veilguard besiegt</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/de/wz/209415.html"> <div class="text">So erreichen Sie Luma Grove und die Drakenhold-Festung in King Legacy</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/de/wz/209409.html"> <div class="text">Zenless Zone Zero-Codes für November 2024 und wie man sie einlöst</div> <span class="time">2024-11-02</span> </a> </li> <li> <a href="/de/wz/125037.html"> <div class="text">So erhalten Sie Chocobo in FF14 Teilen Sie, wie Sie Chocobo in FF14 erhalten</div> <span class="time">2023-10-31</span> </a> </li> <li> <a href="/de/wz/18117.html"> <div class="text">Langsame Leistung nach der Installation von RealNetworks RealOne Player unter WINXP</div> <span class="time">2013-02-16</span> </a> </li> <li> <a href="/de/wz/4560.html"> <div class="text">Windows Media Player-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">Benutzerkommentare</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 = 'de'; this.pageIndex = 1; this.resultLen = 10; this. requestUrl = "/show_comment_list"; } phpLoadPage.prototype.init = function() { var _this = this; var moreComment = 'Klicken, um mehr zu laden'; $(".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 = 'de'; let fromto = 'Kommt von'; 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>