anzz1/testEME.html

## testEME.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Test EME</title>
<script>
function testEME() {
  // https://shaka-player-demo.appspot.com/support.html
  var keySysConfig = [{
    "initDataTypes": ["cenc"]
      //,"persistentState": "required"  // don't use or MacSafari "not supported"
      //,"persistentState": "required", "distinctiveIdentifier": "required"
      //,"audioCapabilities": [{
      //  "contentType": "audio/mp4;codecs=\"mp4a.40.2\""
      //}]
      ,"videoCapabilities": [{
        "contentType": "video/mp4;codecs=\"avc1.4D401E\"" // avc1.42E01E = ConstrainedLevel3, 4D401E=MainLevel3
        //,"robustness": "3000"
      }]
  }];

  var keySystems = {
    playready: ['com.microsoft.playready.recommendation', 'com.microsoft.playready', 'com.microsoft.playready.hardware', 'com.youtube.playready'],
    clearkey: ['webkit-org.w3.clearkey', 'org.w3.clearkey'],
    widevine: ['com.widevine.alpha'],
    primetime: ['com.adobe.primetime', 'com.adobe.access'],
    fairplay: ['com.apple.fairplay','com.apple.fps', 'com.apple.fps.1_0', 'com.apple.fps.2_0', 'com.apple.fps.3_0']
  };

  for(keyArr in keySystems) {
    for(forItemIdx in keySystems[keyArr]) {
      let keySys = keySystems[keyArr][forItemIdx];
      try {
        navigator.requestMediaKeySystemAccess(keySys, keySysConfig).
        then(function(mediaKeySystemAccess) {
          //let mkConfig = mediaKeySystemAccess.getConfiguration();
          //let sFlags = "persistentState="+mkConfig.persistentState+", distinctiveIdentifier="+mkConfig.distinctiveIdentifier;
          console.log(keySys + " supported"); //+" ("+sFlags+")");
        }).catch(function(ex) {
         console.log(keySys+" not supported (" + ex.name+" "+ex.message+")." );
        });
      } catch (ex) {
        console.log(keySys+" not supported (" + ex.name+" "+ex.message+").." );
      }
    }
  }
}
testEME();
</script>
</head>
<body>
<h1>Test EME</h1>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Test EME</title>
	<script>
	function testEME() {
	// https://shaka-player-demo.appspot.com/support.html
	var keySysConfig = [{
	"initDataTypes": ["cenc"]
	//,"persistentState": "required" // don't use or MacSafari "not supported"
	//,"persistentState": "required", "distinctiveIdentifier": "required"
	//,"audioCapabilities": [{
	// "contentType": "audio/mp4;codecs=\"mp4a.40.2\""
	//}]
	,"videoCapabilities": [{
	"contentType": "video/mp4;codecs=\"avc1.4D401E\"" // avc1.42E01E = ConstrainedLevel3, 4D401E=MainLevel3
	//,"robustness": "3000"
	}]
	}];

	var keySystems = {
	playready: ['com.microsoft.playready.recommendation', 'com.microsoft.playready', 'com.microsoft.playready.hardware', 'com.youtube.playready'],
	clearkey: ['webkit-org.w3.clearkey', 'org.w3.clearkey'],
	widevine: ['com.widevine.alpha'],
	primetime: ['com.adobe.primetime', 'com.adobe.access'],
	fairplay: ['com.apple.fairplay','com.apple.fps', 'com.apple.fps.1_0', 'com.apple.fps.2_0', 'com.apple.fps.3_0']
	};

	for(keyArr in keySystems) {
	for(forItemIdx in keySystems[keyArr]) {
	let keySys = keySystems[keyArr][forItemIdx];
	try {
	navigator.requestMediaKeySystemAccess(keySys, keySysConfig).
	then(function(mediaKeySystemAccess) {
	//let mkConfig = mediaKeySystemAccess.getConfiguration();
	//let sFlags = "persistentState="+mkConfig.persistentState+", distinctiveIdentifier="+mkConfig.distinctiveIdentifier;
	console.log(keySys + " supported"); //+" ("+sFlags+")");
	}).catch(function(ex) {
	console.log(keySys+" not supported (" + ex.name+" "+ex.message+")." );
	});
	} catch (ex) {
	console.log(keySys+" not supported (" + ex.name+" "+ex.message+").." );
	}
	}
	}
	}
	testEME();
	</script>
	</head>
	<body>
	<h1>Test EME</h1>
	</body>
	</html>