update shaka-player to 2.3.0, improve source-selection code for multiquality player

1 files changed, 35 insertions, 21 deletions

diff --git a/template/assemblies/player/dash.phtml b/template/assemblies/player/dash.phtml
index a5344c7..24a3df6 100644
--- a/template/assemblies/player/dash.phtml
+++ b/template/assemblies/player/dash.phtml
@@ -25,9 +25,7 @@
 					setTimeout(selectRelay.bind(null, url, cb), 2000);
 
 				console.log("selected relay", relay);
-				var proto = url.match(/^https?:\/\//),
-					path = "/" + url.split("/").slice(3).join("/");
-				cb(proto + relay + path)
+				cb(relay);
 			},
 			error: function(err) {
 				console.error("Error while selecting relay: ", err.status, err.statusText)
@@ -36,6 +34,12 @@
 		});
 	}
 
+	var getRelayUrl = function(relay, cdnUrl) {
+		var proto = cdnUrl.match(/^https?:\/\//),
+			path = "/" + cdnUrl.split("/").slice(3).join("/");
+		return proto + relay + path;
+	}
+
 	var createPlayer = function(sources) {
 		return new Clappr.Player({
 			sources: sources,
@@ -47,7 +51,12 @@
 				},
 				streaming: {
 					rebufferingGoal: 12,
-					jumpLargeGaps: true
+					jumpLargeGaps: true,
+
+					// Todo: handle streaming failure
+					// failureCallback: function() {
+					// 	console.log("streaming failure callback", arguments)
+					// }
 				}
 			},
 			levelSelectorConfig: {
@@ -74,24 +83,29 @@
 		});
 	}
 
-	var hasMSE = 'MediaSource' in window,
-		hasWebM = document.createElement('video').canPlayType('video/webm; codecs=vp9,vorbis') != "",
-		nativeHLS = document.createElement('video').canPlayType('application/vnd.apple.mpegURL') != "";
-
-	// Play Multiquality only if supported
-	if (hasMSE || nativeHLS) {
-		// Detect WebM capability, Select relay, Create player
-		var cdnUrl = hasWebM ? '<?=h($room->getDashManifestUrl())?>' : '<?=h($room->getHLSPlaylistUrl())?>';
-		selectRelay(cdnUrl, function(relayUrl) {
-			createPlayer([{source: relayUrl}]);
-		});
-	} else {
-		// Default to simple WebM playback
-		var player = createPlayer([{
+	selectRelay("<?=h($room->getDashManifestUrl())?>", function(relay) {
+		// WebM fallback
+		var sources = [{
 			source: "<?=h($stream->getVideoUrl('webm', 'hd'))?>",
-			mimeType: "video/webm"
-		}]);
-	}
+		}];
+
+		// HLS playlist
+		var hasMSE = "MediaSource" in window;
+		if (hasMSE || document.createElement('video').canPlayType('application/vnd.apple.mpegURL') != "") {
+			sources.unshift({
+				source: "<?=h($room->getHLSPlaylistUrl())?>"
+			});
+		}
+
+		// VP9 dash player
+		if (hasMSE && MediaSource.isTypeSupported('video/webm; codecs="vp9,vorbis"')) {
+			sources.unshift({
+				source: "<?=h($room->getDashManifestUrl())?>"
+			});
+		}
+
+		createPlayer(sources);
+	});
 }());
 </script>