locked
Azure Media Player .vtt subtitles problem iOS RRS feed

  • Question

  • There is an issue with .vtt subtitles on iOS (iPhones). The issue is that you cannot switch subtitles on again after switching them off.
    I know this issue can be cause by the native Apple player and it is in the known issues list of the Azure Media Player docs.
    The issue is only reproducible with the dynamic version of the player. The static version works fine.
    My question is. Is there a quick fix or future update coming for this issue?

    Thursday, January 16, 2020 11:47 AM

Answers

  • When you add the vtt files to the player, specify the "kind" as "captions" instead of "subtitles".  It seems the iOS native player has troubles turning the subtitles back on after having them turned off when the vtt's are added as subtitles dynamically.  For example, you can do this:

    myPlayer.src(
                [
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TearsOfSteel_WAMEH264SmoothStreaming720p.ism/manifest", type: "application/vnd.ms-sstr+xml" }, 
                ],
                [
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TOS-en.vtt", srclang: "en", kind: "captions", label: "english" },
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TOS-es.vtt", srclang: "es", kind: "captions", label: "spanish" },
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TOS-fr.vtt", srclang: "fr", kind: "captions", label: "french" },
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TOS-it.vtt", srclang: "it", kind: "captions", label: "italian" }
                ]
            );

    Friday, January 17, 2020 12:55 AM

All replies

  • When you add the vtt files to the player, specify the "kind" as "captions" instead of "subtitles".  It seems the iOS native player has troubles turning the subtitles back on after having them turned off when the vtt's are added as subtitles dynamically.  For example, you can do this:

    myPlayer.src(
                [
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TearsOfSteel_WAMEH264SmoothStreaming720p.ism/manifest", type: "application/vnd.ms-sstr+xml" }, 
                ],
                [
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TOS-en.vtt", srclang: "en", kind: "captions", label: "english" },
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TOS-es.vtt", srclang: "es", kind: "captions", label: "spanish" },
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TOS-fr.vtt", srclang: "fr", kind: "captions", label: "french" },
                    { src: "//ams-samplescdn.streaming.mediaservices.windows.net/11196e3d-2f40-4835-9a4d-fc52751b0323/TOS-it.vtt", srclang: "it", kind: "captions", label: "italian" }
                ]
            );

    Friday, January 17, 2020 12:55 AM
  • Thanks. This works. I am using Azure Media Player version 2.3.3
    Monday, January 20, 2020 11:45 AM