Bitmovin joueur sur Safari ne charge pas les sous-titres des médias

voix
0

J'utilise le lecteur Bitmovin dans une application angulaire. J'ai configuré le joueur comme suit et défini le rappel

this._player = new Player(this.videoPlayer.nativeElement, {
  ...bitmovinConfig,
  events: {
    // other code removed

    [SubtitleAdded]: () => this.triggerCaptionChange(),

    // other code removed
  },
});

triggerCaptionChange() {
  const captions = this._player.subtitles.list() as MediaCaption[];
  console.log(captions);
  // other code removed
}

Quand je teste cela dans Chrome, la console du journal affiche:

[
  {
    id: 1,
    url: https://mycdn.com/spmx/123456/1234567890/Subtitles_es_419.vtt,
    kind: caption,
    lang: es-419,
    subType: Subtitles,
    sideloaded: true,
    label: es-419,
    enabled: false
  },
  {
    id: 3,
    url: https://mycdn.com/spmx/123456/1234567890/Captions_en_US.vtt,
    kind: caption,
    lang: en-US,
    subType: Captions,
    sideloaded: true,
    label: en-US,
    enabled: false
  },
  {
    id: text/vtt-3,
    lang: es-419,
    adaptationSetId: {
      _periodId: 1233456-abcd-1234-1234-123456789012,
      _adaptationSetId: text/vtt-3
    },
    kind: subtitle,
    label: es-419,
    url: https://mycdn.com/spmx/123456/1234567890/Subtitles_es_419.vtt,
    role: [
      {
        schemeIdUri: urn:mpeg:dash:role:2011,
        value: alternate
      }
    ],
    enabled: false
  },
  {
    id: text/vtt-4,
    lang: en-US,
    adaptationSetId: {
      _periodId: 1233456-abcd-1234-1234-123456789012,
      _adaptationSetId: text/vtt-4
    },
    kind: subtitle,
    label: en-US,
    url: https://mycdn.com/spmx/123456/1234567890/Captions_en_US.vtt,
    role: [
      {
        schemeIdUri: urn:mpeg:dash:role:2011,
        value: alternate
      }
    ],
    enabled: false
  }
]

Dans Safari cependant, je vois juste un tableau blanc []. Je ne sais pas pourquoi Safari ne se charge pas les mêmes informations. Que puis-je regarder pour voir comment diffère Safari? Quand est-ce Bitmovin feu le rappel SubtitleAdded?

Créé 13/01/2020 à 21:50
source utilisateur
Dans d'autres langues...                            


2 réponses

voix
0

Il semble y avoir quelques fautes de frappe dans le subtitleTrackstableau pour la version HLS, avec les fautes de frappe fixes, ce serait le tableau résultant:

[
    {
      "enabled": false,
      "id": "1",
      "url": "https://...urlhidden.../spmx/.../.../Apple/Subtitles_es_419.m3u8",
      "kind": "caption",
      "lang": "es-419",
      "label": "es-419",
      "subType": "SUBTITLES",
      "sideloaded": true
    },
    {
      "enabled": false,
      "id": "2",
      "url": "https://...urlhidden.../spmx/.../.../Apple/Subtitles_es_419.vtt",
      "kind": "caption",
      "lang": "es-419",
      "label": "es-419",
      "subType": "Subtitles",
      "sideloaded": true
    },
    {
      "enabled": false,
      "id": "4",
      "url": "https://...urlhidden.../spmx/.../.../Apple/Captions_en_US.m3u8",
      "kind": "caption",
      "lang": "en-US",
      "label": "en-US",
      "subType": "SUBTITLES",
      "sideloaded": true
    },
    {
      "enabled": false,
      "id": "5",
      "url": "https://...urlhidden.../spmx/.../.../Apple/Captions_en_US.vtt",
      "kind": "caption",
      "lang": "en-US",
      "label": "en-US",
      "subType": "Captions",
      "sideloaded": true
    }
  ]

J'ai créé un échantillon angulaire application avec les deux HLS et DASH et substitleTracks, lien est: https://stackblitz.com/edit/bitmovin-player-angular-app?file=src%2Fapp%2Fvideo-player%2Fvideo-player.component. ts vous pouvez vérifier que le message à la console sont des éléments multiples sous - titres dans les deux Chrome (si vous supprimez la source de tableau de bord) et Safari :)

Créé 15/01/2020 à 20:13
source utilisateur

voix
0

J'ai pu contacter Bitmovin et après quelques discussions avec eux je devais charger le module SubtitleNative (bitmovinplayer-sous-titres natifs). Assurez-vous de charger après le module Sous-titres (bitmovinplayer-sous-titres)

import BitmovinSubtitlesNativeModule from 'bitmovin-player/modules/bitmovinplayer-subtitles-native';
Player.addModule(BitmovinSubtitlesNativeModule);

Quand je l'ai fait, mes entrées ont été chargées par transféré, bitmovin. Cependant, il ne reconnaît pas les champs « subType » et « sidedloaded » que j'ai ajouté aux subtitleTracks []. C'est un début.

Créé 18/01/2020 à 00:30
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more