shaka-packager/html/design.html

228 lines
9.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Design &#8212; Shaka Packager documentation</title>
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
<link rel="stylesheet" href="_static/sphinxdoc_new.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="_static/graphviz.css" />
<link rel="stylesheet" type="text/css" href="_static/table_styling.css" />
<script id="documentation_options" data-url_root="./" src="_static/documentation_options.js"></script>
<script src="_static/jquery.js"></script>
<script src="_static/underscore.js"></script>
<script src="_static/doctools.js"></script>
<link rel="index" title="Index" href="genindex.html" />
<link rel="search" title="Search" href="search.html" />
<link rel="next" title="Shaka Packager Library" href="library.html" />
<link rel="prev" title="HTTP upload" href="tutorials/http_upload.html" />
</head><body>
<div class="related" role="navigation" aria-label="related navigation">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="genindex.html" title="General Index"
accesskey="I">index</a></li>
<li class="right" >
<a href="library.html" title="Shaka Packager Library"
accesskey="N">next</a> |</li>
<li class="right" >
<a href="tutorials/http_upload.html" title="HTTP upload"
accesskey="P">previous</a> |</li>
<li class="nav-item nav-item-0"><a href="index.html">Shaka Packager documentation</a> &#187;</li>
<li class="nav-item nav-item-this"><a href="">Design</a></li>
</ul>
</div>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body" role="main">
<div class="section" id="design">
<h1>Design<a class="headerlink" href="#design" title="Permalink to this headline"></a></h1>
<div class="section" id="architecture-diagram">
<h2>Architecture diagram<a class="headerlink" href="#architecture-diagram" title="Permalink to this headline"></a></h2>
<div class="graphviz"><img src="_images/graphviz-bf83f8f1c2843c664b6cd4bc1f27820dfd89c860.png" alt="digraph shaka_packager {
label=&lt;&lt;u&gt;Shaka Packager Architecture&lt;/u&gt;&gt;
labelloc=t
subgraph cluster_media {
label=&lt;&lt;u&gt;Media Processing Pipeline&lt;/u&gt;&gt;
Demuxer, ChunkingHandler, EncryptionHandler, Replicator,
TrickplayHandler, Muxer [shape=rectangle]
Demuxer -&gt; ChunkingHandler [style=bold headlabel=&quot;many&quot; taillabel=&quot;1&quot;]
ChunkingHandler -&gt; EncryptionHandler -&gt; Replicator -&gt; TrickplayHandler
-&gt; Muxer [style=bold]
ChunkingHandler -&gt; Replicator -&gt; Muxer [style=bold]
}
MuxerListener, MpdNotifyMuxerListener, HlsNotifyMuxerListener,
MpdNotifier, HlsNotifier [shape=rectangle style=rounded]
Muxer -&gt; MuxerListener
MuxerListener -&gt; MpdNotifyMuxerListener, HlsNotifyMuxerListener
[dir=back arrowtail=onormal]
subgraph cluster_manifest {
label=&lt;&lt;u&gt;Manifest Generation&lt;/u&gt;&gt;
HlsNotifyMuxerListener -&gt; HlsNotifier [headlabel=&quot;1&quot; taillabel=&quot;many&quot;]
MpdNotifyMuxerListener -&gt; MpdNotifier [headlabel=&quot;1&quot; taillabel=&quot;many&quot;]
MasterPlaylist, MediaPlaylist, MpdBuilder, AdaptationSet,
Representation [shape=trapezium]
HlsNotifier -&gt; MasterPlaylist
MasterPlaylist -&gt; MediaPlaylist
[dir=back arrowtail=diamond headlabel=&quot;many&quot; taillabel=&quot;1&quot;]
MpdNotifier -&gt; MpdBuilder
MpdBuilder -&gt; AdaptationSet -&gt; Representation
[dir=back arrowtail=diamond headlabel=&quot;many&quot; taillabel=&quot;1&quot;]
{rank=same; MasterPlaylist, MpdBuilder}
{rank=same; MediaPlaylist, Representation}
}
}" class="graphviz" /></div>
<div class="graphviz"><img src="_images/graphviz-366b26625ec04fed330621f00c3a39700f74259e.png" alt="digraph shaka_packager {
subgraph cluster_demuxer {
style=rounded
label=&lt;&lt;u&gt; &lt;/u&gt;&gt;
Demuxer2 [label=&quot;Demuxer&quot; shape=rectangle]
Demuxer2 -&gt; MediaParser
[dir=back arrowtail=diamond headlabel=&quot;1&quot; taillabel=&quot;1&quot;]
MediaParser -&gt; Mp4MediaParser, WebMMediaParser, Mp2tMediaParser,
WvmMediaParser [dir=back arrowtail=onormal]
}
subgraph cluster_muxer {
style=rounded
label=&lt;&lt;u&gt; &lt;/u&gt;&gt;
Muxer2 [label=&quot;Muxer&quot; shape=rectangle]
Muxer2 -&gt; Mp4Muxer, WebMMuxer, Mp2tMuxer [dir=back arrowtail=onormal]
}
}" class="graphviz" /></div>
<div class="graphviz"><img src="_images/graphviz-07af1c119c853656e59490991f24816ae8064016.png" alt="digraph shaka_packager {
subgraph cluster_legend {
style=rounded
label=&lt;&lt;u&gt;Legend&lt;/u&gt;&gt;
node [shape=plaintext]
blank1 [label=&quot;&quot; height=0]
blank2 [label=&quot;&quot; height=0]
blank3 [label=&quot;&quot; height=0]
&quot;Composition&quot; -&gt; blank1 [dir=back arrowtail=diamond]
&quot;Inheritance&quot; -&gt; blank2 [dir=back arrowtail=onormal]
&quot;MediaHandler data flow&quot; -&gt; blank3 [style=bold]
&quot;Bridge Class&quot; [shape=rectangle style=rounded]
&quot;Manifest Class&quot; [shape=trapezium]
MediaHandler [shape=rectangle]
}
}" class="graphviz" /></div>
</div>
<div class="section" id="media-handler-data-flow">
<h2>Media handler data flow<a class="headerlink" href="#media-handler-data-flow" title="Permalink to this headline"></a></h2>
<div class="graphviz"><img src="_images/graphviz-8ed86a2355342a0020a62fc7db969063daa9597c.png" alt="digraph g {
rankdir=LR
StreamData [
label=&quot;{... | SegmentInfo | MediaSample ... | SegmentInfo | MediaSample ... | StreamInfo}&quot;
shape=record
style=rounded
];
MediaHandler [shape=rectangle]
MediaHandler2 [shape=rectangle, label=MediaHandler]
MediaHandler -&gt; StreamData -&gt; MediaHandler2
}" class="graphviz" /></div>
<p class="plantuml">
<img src="_images/plantuml-d388f7ab1eb3f4d70c57feb299c189351a097db9.png" alt="MediaHandler -&gt; MediaHandler2 : StreamInfo
MediaHandler -&gt; MediaHandler2 : MediaSample
MediaHandler -&gt; MediaHandler2 : MediaSample
MediaHandler -&gt; MediaHandler2 : ...
MediaHandler -&gt; MediaHandler2 : MediaSample
MediaHandler -&gt; MediaHandler2 : SegmentInfo
MediaHandler -&gt; MediaHandler2 : MediaSample
MediaHandler -&gt; MediaHandler2 : MediaSample
MediaHandler -&gt; MediaHandler2 : ...
MediaHandler -&gt; MediaHandler2 : MediaSample
MediaHandler -&gt; MediaHandler2 : SegmentInfo
MediaHandler -&gt; MediaHandler2 : ..."/>
</p>
</div>
</div>
<div class="clearer"></div>
</div>
</div>
</div>
<div class="sphinxsidebar" role="navigation" aria-label="main navigation">
<div class="sphinxsidebarwrapper">
<h3><a href="index.html">Table of Contents</a></h3>
<ul>
<li><a class="reference internal" href="#">Design</a><ul>
<li><a class="reference internal" href="#architecture-diagram">Architecture diagram</a></li>
<li><a class="reference internal" href="#media-handler-data-flow">Media handler data flow</a></li>
</ul>
</li>
</ul>
<h4>Previous topic</h4>
<p class="topless"><a href="tutorials/http_upload.html"
title="previous chapter">HTTP upload</a></p>
<h4>Next topic</h4>
<p class="topless"><a href="library.html"
title="next chapter">Shaka Packager Library</a></p>
<div role="note" aria-label="source link">
<h3>This Page</h3>
<ul class="this-page-menu">
<li><a href="_sources/design.rst.txt"
rel="nofollow">Show Source</a></li>
</ul>
</div>
<div id="searchbox" style="display: none" role="search">
<h3 id="searchlabel">Quick search</h3>
<div class="searchformwrapper">
<form class="search" action="search.html" method="get">
<input type="text" name="q" aria-labelledby="searchlabel" />
<input type="submit" value="Go" />
</form>
</div>
</div>
<script>$('#searchbox').show(0);</script>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="related" role="navigation" aria-label="related navigation">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="genindex.html" title="General Index"
>index</a></li>
<li class="right" >
<a href="library.html" title="Shaka Packager Library"
>next</a> |</li>
<li class="right" >
<a href="tutorials/http_upload.html" title="HTTP upload"
>previous</a> |</li>
<li class="nav-item nav-item-0"><a href="index.html">Shaka Packager documentation</a> &#187;</li>
<li class="nav-item nav-item-this"><a href="">Design</a></li>
</ul>
</div>
<div class="footer" role="contentinfo">
&#169; Copyright 2017, Google.
Created using <a href="https://www.sphinx-doc.org/">Sphinx</a> 3.4.3.
</div>
</body>
</html>