youtube-maze/public/index.html

45 lines
1.6 KiB
HTML
Raw Permalink Normal View History

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>