-
Notifications
You must be signed in to change notification settings - Fork 57
/
pipeline_model_description.html
81 lines (63 loc) · 3.63 KB
/
pipeline_model_description.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang=en>
<head>
<title>Media Source Pipeline Model</title>
<meta charset='utf-8'>
<meta name="viewport" cnt="width=device-width, initial-scale = 1.0, shrink-to-fit=no">
<link rel=stylesheet href='https://www.w3.org/StyleSheets/TR/2016/base'>
<style>
img { border: 0; }
table { border-collapse: collapse;border-spacing: 0;}
th, td { border: 1px solid black; padding: 0.5ex; }
</style>
</head>
<body>
<h1>Media Source Pipeline Model</h1>
<h2 id='pipelinedesc'>Non-technical description of the Process Flowchart image</h2>
<p>The flowchart reads from a top down perspective. At the top is a container
marked MediaSource, with three arrows flowing down to containers each marked
SourceBuffer. (Not indicated, but for sake of clarity in this description
referred to here-after as SourceBuffer 1, shown with a blue background;
SourceBuffer 2, shown with a mauve background; and SourceBuffer 3, shown
with a rose background; as described from Left to Right).</p>
<p>Below these three SourceBuffer containers is a dashed line, with an indication
that the top half (MediaSource plus the three SourceBuffer containers) are taken
from the Media Source API, while the details to follow are taken from the
HTMLMediaElement.<p>
<h3 id='sourcebuffer1'>Flowing down from SourceBuffer 1</h3>
<p>Flowing down from SourceBuffer 1 is a blue triangle with three arrows pointing
to three process indications, each labeled Track Buffer.</p>
<p>The first Track Buffer from the left then flows to a red box labeled Video
Decoder, which then flows to a switch that selects between one of three inputs,
and the output of the switch connects to an output destination, labeled Video Tag
Display Region. The switch indicates that one Video Decoder output (from
SourceBuffer 2) is selected to flow into the Video Tag Display Region.</p>
<p>The second Track Buffer flows to a green box labeled Audio Decoder, which
then follows to an indicator of an open switch, which then continues to a
summing junction indicator. The output of the summing junction connects to
a green output desination, labeled Audio Device.</p>
<p>The third Track Buffer also flows to a green box labeled Audio Decoder,
which also flows to a switch, this time however indicated closed, which then
also continues to the same summing junction as the second Track Buffer,
which connects to the Audio Device.</p>
<h3 id='sourcebuffer2'>Flowing down from SourceBuffer 2</h3>
<p>Flowing down from SourceBuffer 2 is a mauve triangle with an arrow flowing
to a process indication labeled Track Buffer.<p>
<p>This Track Buffer then flows to a red box labeled Video Decoder, which
then flows to the same switch that feeds to the Video Tag Display Region
previously mentioned in SourceBuffer 1. The switch is positioned so that
this Video Decoder ouptut is connected to the Video Tag Display Region.</p>
<h3 id='sourcebuffer3'>Flowing down from SourceBuffer 3</h3>
<p>Flowing down from SourceBuffer 3 is a rose triangle with an arrow flowing to
a process indication labeled Track Buffer.<p>
<p>This Track Buffer then flows to a green box labeled Audio Decoder, which
then flows through a closed switch, which then also continues to the same
summing junction previously mentioned in SourceBuffer 1, which connects to the
Audio Device.</p>
<p style='text-align: right;'>With thanks to <a href='https://lists.w3.org/Archives/Public/public-apa/2016Jan/0014.html'>J. Foliot, Deque Systems</a></p>
<figure>
<figcaption>Media Source Pipeline Model figure</figcaption>
<img src="pipeline_model.svg" alt="Media Source Pipeline Model Diagram" longdesc='#pipelinedesc'>
</figure>
</body>
</html>