2020-11-28 17:07:04 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								<!doctype html> 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< html  lang = "en" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								    < head > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < meta  charset = "utf-8" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < title > YouTube Maze< / title > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < link  rel = "stylesheet"  href = "/style.css" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								    < / head > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								    < body > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < h1 > YouTube Maze< / h1 > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 01:06:35 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								        < p > 
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 21:57:48 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								            Some YouTube creators have made video-gamebooks during which viewers are invited to make choices that influence the course of the narration.
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 01:06:35 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								            This is generally implemented by breaking up the video into short interlinked segments.
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 21:57:48 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								            This tool automatically generates visual representations of the networks underlying such games.
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 01:06:35 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								        < / p > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 21:57:48 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								        < h2 > Some examples< / h2 > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < ul > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								            < li > < a  href = "/mazes/EZGra6O8ClQ" > e-penser — “1 avril 2017”< / a > < / li > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								            < li > < a  href = "/mazes/XM1ssJ8yxdg" > Defakator — “Le YouTube Game”< / a > < / li > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < / ul > 
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 01:06:35 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < h2 > Generate a graph< / h2 > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < form  action = "/mazes"  method = "POST" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								            < p > 
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 21:57:48 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								                < input  type = "text"  name = "url"  placeholder = "Enter the URL of any YouTube video to start from…" > 
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 01:06:35 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								                < input  type = "submit"  value = "Generate" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								            < / p > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < / form > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 21:57:48 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								        < h2 > More information< / h2 > 
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 01:06:35 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2020-11-29 21:57:48 +00:00 
										
									 
								 
							 
							
								
									
										 
									 
								
							 
							
								 
							 
							
							
								        < p > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								            The exploration algorithm automatically downloads metadata about each video from YouTube and then proceeds to a breadth-first search to generate a graph which is laid out using < a  href = "http://www.graphviz.org" > Graphviz< / a > .
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								            Only the links in the end screens and in the in-video cards are considered for the exploration.
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < / p > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < p > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								            < a  href = "https://forge.delab.re/matteo/youtube-maze" > See the source code →< / a > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								        < / p > 
							 
						 
					
						
							
								
									
										
										
										
											2020-11-28 17:07:04 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							 
							
							
								    < / body > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							 
							
							
								< / html >