38 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
			
		
		
	
	
			38 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
<!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>
 | 
						|
 | 
						|
        <p>
 | 
						|
            Some YouTube creators have made video-gamebooks during which viewers can make choices that influence the course of the narration.
 | 
						|
            This is generally implemented by breaking up the video into short interlinked segments.
 | 
						|
            This tool automatically generates a visual representation of networks underlying such games by automatically exploring the video maze starting from a root video.
 | 
						|
        </p>
 | 
						|
 | 
						|
        <p>
 | 
						|
            <a href="https://forge.delab.re/matteo/youtube-maze">See the source code →</a>
 | 
						|
        </p>
 | 
						|
 | 
						|
        <h2>Generate a graph</h2>
 | 
						|
 | 
						|
        <form action="/mazes" method="POST">
 | 
						|
            <p>
 | 
						|
                <input type="text" name="url" placeholder="Enter the URL of a YouTube video to generate the graph…">
 | 
						|
                <input type="submit" value="Generate">
 | 
						|
            </p>
 | 
						|
        </form>
 | 
						|
 | 
						|
        <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>
 | 
						|
    </body>
 | 
						|
</html>
 |