From 18466b0b3b226ab4fa0ebdaba85dcf4732ce34f6 Mon Sep 17 00:00:00 2001
From: Kasper Moskwiak <kasper.moskwiak@gmail.com>
Date: Sat, 9 Apr 2016 18:02:07 +0200
Subject: [PATCH] hls support

---
 examples/hls.html                  |  6 ++--
 lib/videojs-resolution-switcher.js | 58 +++++++++++++++++++++++++++---
 2 files changed, 56 insertions(+), 8 deletions(-)

diff --git a/examples/hls.html b/examples/hls.html
index 74c8f53..d287a48 100644
--- a/examples/hls.html
+++ b/examples/hls.html
@@ -33,7 +33,7 @@
   <video id="video" class="video-js"></video>
 
   <script src="../node_modules/video.js/dist/video.js"></script>
-	<script src="../node_modules/videojs-contrib-hls/dist/videojs.hls.min.js"></script>
+	<script src="../node_modules/videojs-contrib-hls/dist/videojs.hls.js"></script>
   <script src="../lib/videojs-resolution-switcher.js"></script>
   <script>
     // fire up the plugin
@@ -52,10 +52,10 @@
       window.player = player
 
       player.src({
-				src: '//s3.amazonaws.com/_bc_dml/example-content/tears-of-steel/playlist.m3u8',
+				src: '//labs.tvpw.pl/video/hls/tears.m3u8',
 				type:  'application/x-mpegURL'
 			})
-
+			
       player.on('resolutionchange', function(){
         console.info('Source changed to %s', player.src())
       })
diff --git a/lib/videojs-resolution-switcher.js b/lib/videojs-resolution-switcher.js
index b96dbb8..9c918f5 100644
--- a/lib/videojs-resolution-switcher.js
+++ b/lib/videojs-resolution-switcher.js
@@ -178,6 +178,7 @@
           player.controlBar.resolutionSwitcher.dispose();
           delete player.controlBar.resolutionSwitcher;
         }
+				
         //Sort sources
         src = src.sort(compareResolutions);
         groupedSrc = bucketSources(src);
@@ -338,14 +339,61 @@
 			}
 			
 			function initResolutionForHLS(player){
-				var hls = player.tech_.hls;	
+				var hls = player.tech_.hls;
 				
+				// Capture events
+				player.on('mediachange', function(){
+					player.trigger('resolutionchange');
+				});
+
 				player.one('loadedmetadata', function(){
 					var playlists = hls.playlists.master.playlists;
-					console.log(playlists)
-				})
-				
-				
+					
+					var _sources = [];
+					playlists.map(function(value){
+						_sources.push({
+							src: value.uri,
+							type: 'application/x-mpegURL',
+							label: value.attributes.NAME || value.attributes.RESOLUTION.height,
+							res: value.attributes.RESOLUTION.height
+						});
+					});
+					
+					groupedSrc = bucketSources(_sources);
+					
+					var selectPlaylist =  function (selectedResolution){
+						var _selectPlaylist = function (){
+							return hls.playlists.master.playlists.filter(function (playlist) {
+								return playlist.attributes.RESOLUTION.height === selectedResolution;
+							})[0];
+						};
+						return _selectPlaylist;
+					};
+					
+					// Overwrite defualt sourcePicer function
+					var _customSourcePicker = function(_player, _sources, _label){
+						var selectedRes = _sources[0].res;
+						hls.selectPlaylist = selectPlaylist(selectedRes);
+						return player;
+					};
+					
+					var currentPlaylist = hls.playlists.media();
+					var choosen = {
+						label: currentPlaylist.attributes.NAME || currentPlaylist.attributes.RESOLUTION.height, 
+						res: currentPlaylist.attributes.RESOLUTION.height, 
+						sources: currentPlaylist
+					};
+					
+					var menuButton = new ResolutionMenuButton(player, { 
+						sources: groupedSrc, 
+						initialySelectedLabel: choosen.label, 
+						initialySelectedRes: choosen.res, 
+						customSourcePicker: _customSourcePicker
+					}, settings, label);
+
+					menuButton.el().classList.add('vjs-resolution-button');
+					player.controlBar.resolutionSwitcher = player.controlBar.addChild(menuButton);
+				});
 			}
 			
 			player.ready(function(){