Azure media player drm protected video issue in iPhone

Gitesh Mangla 1

I am using azure media player 2.3.11 min js version for video in .Net6 technology. The video is DRM protected and plays perfectly on Android and Ios(Mac). But in iPhone its behavior is random, sometimes video is playing, and sometimes getting a black screen (not getting any error).

I'm using the below code.

<video id="vid_1"
               class="azuremediaplayer amp-default-skin amp-big-play-centered video-upload-box vid2"
               controls
               width="640"
               height="400"
               poster="@Model.ThumbnailUrl"
               data-setup='{
                 "controls": true,
           "logo": { "enabled": false },
           "techOrder": ["html5FairPlayHLS","azureHtml5JS", "flashSS","silverlightSS", "html5"],
           "nativeControlsForTouch": false
           }'
               tabindex="0">
          <source src="@Model.VideoUrl"
                  data-setup='{
           "protectionInfo": [{"type": "PlayReady", "authenticationToken": "@Model.BearerToken"},
            {"type": "Widevine", "authenticationToken": "@Model.BearerToken"},
                    {"type":"FairPlay","certificateUrl" :"@Model.CertificateFilePath","authenticationToken": "@Model.BearerTokenFairPlay"}] ,
           "techOrder": ["html5FairPlayHLS","azureHtml5JS", "flashSS", "silverlightSS", "html5"]
                    }'
                  type="application/vnd.ms-sstr+xml" />
          <p class="amp-no-js">
            To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video
          </p>
        </video>
<link href="https://amp.azure.net/libs/amp/2.3.11/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src="https://amp.azure.net/libs/amp/2.3.11/azuremediaplayer.min.js"></script>

Do you guys have any idea, what i'm doing wrong.?

Ryan Hill 25,981 Reputation points Microsoft Employee

2023-01-17T19:26:14.8466667+00:00

Does the intermittent playback on iOS occur on a specific subset of devices with specific OS versions or is it pretty sporadic? What about playback being intermittent on the same device?
Gitesh Mangla 1 Reputation point

2023-01-18T05:36:50.53+00:00
It is not limited to any specific device or OS/browser version as it occurs on all tested devices: iPhone 11,12,13,14

Also, playback gives errors on the same device for the same resource as well.

We have tapped into Azure Media Player's events like play, playing, metadataloaded, dataloaded etc. Not all events are hit every time and we see a black screen.
Ryan Hill 25,981 Reputation points Microsoft Employee

2023-01-18T15:55:09.98+00:00

@Gitesh Mangla there were reported issues with black stream HLS playback on iOS devices, but those issues have been patched. Your issue may or may not fall into that issue but in order to determine that, we'll need to investigate further. Could you share the streaming URL that's being affected? If you don't want to share here, you can send it directly to me by email it to AzCommunity[at]microsoft[dot]com ATTN: Ryan. Make sure you provide a link to this thread if you do email it.
John Deutscher (MSFT) 2,126 Reputation points

2023-01-18T20:01:44.4966667+00:00

I tried the sample URL you provided allso in StackOverflow and it worked on my phone in Safari browser 100% of the time. Could not get it to fail ever. Maybe it is a phone version specific issue? I'm on iOS 16.2

It fails playback in Edge of course, but that is probably a known issue of lack of support for DRM in Edge on iOS.
Gitesh Mangla 1 Reputation point

2023-01-19T03:57:42.95+00:00

Here is an example URL (nhl-nhlpawlp-video-stg.agilecollab.com) where we are using media services to host media and playing using Azure media player. Sometimes the video plays and while other times we just get a black screen. For your information we have put a timer of around 15 seconds to wait for data loaded event and then we raise an alert "We have encountered an issue in playing the video. Please try again." Heads up: Please navigate to prev/next videos and play again for few times for the issue to occur.