@mattebox/player-diagnostics 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/NOTICE +24 -0
- package/README.md +45 -0
- package/dist/cdn/mattebox-player-diagnostics.min.js +124 -0
- package/dist/charts.d.ts +35 -0
- package/dist/charts.d.ts.map +1 -0
- package/dist/charts.js +401 -0
- package/dist/charts.js.map +1 -0
- package/dist/element.d.ts +62 -0
- package/dist/element.d.ts.map +1 -0
- package/dist/element.js +677 -0
- package/dist/element.js.map +1 -0
- package/dist/es2015/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/asyncToGenerator.js +27 -0
- package/dist/es2015/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/defineProperty.js +12 -0
- package/dist/es2015/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js +25 -0
- package/dist/es2015/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/toPrimitive.js +14 -0
- package/dist/es2015/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/toPropertyKey.js +9 -0
- package/dist/es2015/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/typeof.js +11 -0
- package/dist/es2015/charts.js +380 -0
- package/dist/es2015/element.js +651 -0
- package/dist/es2015/format.js +38 -0
- package/dist/es2015/host.js +34 -0
- package/dist/es2015/icon.js +46 -0
- package/dist/es2015/index.js +15 -0
- package/dist/es2015/report.js +145 -0
- package/dist/es2015/sampler.js +196 -0
- package/dist/es2015/style.js +135 -0
- package/dist/es2015/support.js +351 -0
- package/dist/es2015/trace.js +99 -0
- package/dist/format.d.ts +20 -0
- package/dist/format.d.ts.map +1 -0
- package/dist/format.js +45 -0
- package/dist/format.js.map +1 -0
- package/dist/host.d.ts +19 -0
- package/dist/host.d.ts.map +1 -0
- package/dist/host.js +38 -0
- package/dist/host.js.map +1 -0
- package/dist/icon.d.ts +31 -0
- package/dist/icon.d.ts.map +1 -0
- package/dist/icon.js +44 -0
- package/dist/icon.js.map +1 -0
- package/dist/index.d.ts +21 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +16 -0
- package/dist/index.js.map +1 -0
- package/dist/report.d.ts +140 -0
- package/dist/report.d.ts.map +1 -0
- package/dist/report.js +125 -0
- package/dist/report.js.map +1 -0
- package/dist/sampler.d.ts +68 -0
- package/dist/sampler.d.ts.map +1 -0
- package/dist/sampler.js +208 -0
- package/dist/sampler.js.map +1 -0
- package/dist/style.d.ts +10 -0
- package/dist/style.d.ts.map +1 -0
- package/dist/style.js +133 -0
- package/dist/style.js.map +1 -0
- package/dist/support.d.ts +46 -0
- package/dist/support.d.ts.map +1 -0
- package/dist/support.js +247 -0
- package/dist/support.js.map +1 -0
- package/dist/trace.d.ts +14 -0
- package/dist/trace.d.ts.map +1 -0
- package/dist/trace.js +100 -0
- package/dist/trace.js.map +1 -0
- package/package.json +59 -0
package/dist/charts.js
ADDED
|
@@ -0,0 +1,401 @@
|
|
|
1
|
+
import { bitrate, clock } from './format.js';
|
|
2
|
+
export const CHART_TABS = [
|
|
3
|
+
'buffer',
|
|
4
|
+
'throughput',
|
|
5
|
+
'stalls',
|
|
6
|
+
'frames',
|
|
7
|
+
'switches',
|
|
8
|
+
];
|
|
9
|
+
/** A round step for a range: 1, 2, 5 times a power of ten. */
|
|
10
|
+
function niceStep(range, target) {
|
|
11
|
+
const raw = range / Math.max(target, 1);
|
|
12
|
+
const pow = 10 ** Math.floor(Math.log10(Math.max(raw, 1e-9)));
|
|
13
|
+
for (const m of [1, 2, 5, 10])
|
|
14
|
+
if (raw <= m * pow)
|
|
15
|
+
return m * pow;
|
|
16
|
+
return 10 * pow;
|
|
17
|
+
}
|
|
18
|
+
/** Greys with the alpha the grid and the bands need, from any colour the tokens give. */
|
|
19
|
+
function alpha(color, value) {
|
|
20
|
+
const probe = document.createElement('canvas').getContext('2d');
|
|
21
|
+
if (probe === null)
|
|
22
|
+
return color;
|
|
23
|
+
probe.fillStyle = color;
|
|
24
|
+
const hex = probe.fillStyle;
|
|
25
|
+
if (!/^#[0-9a-f]{6}$/i.test(hex))
|
|
26
|
+
return color;
|
|
27
|
+
const r = Number.parseInt(hex.slice(1, 3), 16);
|
|
28
|
+
const g = Number.parseInt(hex.slice(3, 5), 16);
|
|
29
|
+
const b = Number.parseInt(hex.slice(5, 7), 16);
|
|
30
|
+
return `rgba(${r}, ${g}, ${b}, ${value})`;
|
|
31
|
+
}
|
|
32
|
+
export function createCharts(canvas, legend, readout) {
|
|
33
|
+
function frame() {
|
|
34
|
+
const ctx = canvas.getContext('2d');
|
|
35
|
+
if (ctx === null)
|
|
36
|
+
return null;
|
|
37
|
+
const dpr = window.devicePixelRatio || 1;
|
|
38
|
+
const w = canvas.clientWidth;
|
|
39
|
+
const h = canvas.clientHeight;
|
|
40
|
+
if (w === 0 || h === 0)
|
|
41
|
+
return null;
|
|
42
|
+
const width = Math.round(w * dpr);
|
|
43
|
+
const height = Math.round(h * dpr);
|
|
44
|
+
if (canvas.width !== width || canvas.height !== height) {
|
|
45
|
+
canvas.width = width;
|
|
46
|
+
canvas.height = height;
|
|
47
|
+
}
|
|
48
|
+
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
|
|
49
|
+
ctx.clearRect(0, 0, w, h);
|
|
50
|
+
ctx.font = '10px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace';
|
|
51
|
+
return { ctx, w, h, left: 44, right: w - 8, top: 8, bottom: h - 18 };
|
|
52
|
+
}
|
|
53
|
+
/** The wall-time axis, now at the right edge, labelled back from it. Returns the mapping. */
|
|
54
|
+
function wallAxis(f, t0, t1, p) {
|
|
55
|
+
const x = (t) => f.left + ((t - t0) / (t1 - t0)) * (f.right - f.left);
|
|
56
|
+
const span = (t1 - t0) / 1000;
|
|
57
|
+
const step = niceStep(span, 6);
|
|
58
|
+
f.ctx.strokeStyle = alpha(p.muted, 0.25);
|
|
59
|
+
f.ctx.fillStyle = p.muted;
|
|
60
|
+
f.ctx.textAlign = 'center';
|
|
61
|
+
f.ctx.textBaseline = 'top';
|
|
62
|
+
for (let back = 0; back <= span; back += step) {
|
|
63
|
+
const px = x(t1 - back * 1000);
|
|
64
|
+
f.ctx.beginPath();
|
|
65
|
+
f.ctx.moveTo(px, f.top);
|
|
66
|
+
f.ctx.lineTo(px, f.bottom);
|
|
67
|
+
f.ctx.stroke();
|
|
68
|
+
const text = back === 0 ? 'now' : back < 60 ? `-${back}s` : `-${clock(back)}`;
|
|
69
|
+
f.ctx.fillText(text, px, f.bottom + 3);
|
|
70
|
+
}
|
|
71
|
+
return x;
|
|
72
|
+
}
|
|
73
|
+
/** The value axis from zero, four gridlines, labelled by `unit`. Returns the mapping. */
|
|
74
|
+
function valueAxis(f, max, unit, p) {
|
|
75
|
+
const y = (v) => f.bottom - (v / max) * (f.bottom - f.top);
|
|
76
|
+
const step = niceStep(max, 4);
|
|
77
|
+
f.ctx.strokeStyle = alpha(p.muted, 0.25);
|
|
78
|
+
f.ctx.fillStyle = p.muted;
|
|
79
|
+
f.ctx.textAlign = 'right';
|
|
80
|
+
f.ctx.textBaseline = 'middle';
|
|
81
|
+
for (let v = 0; v <= max; v += step) {
|
|
82
|
+
const py = y(v);
|
|
83
|
+
f.ctx.beginPath();
|
|
84
|
+
f.ctx.moveTo(f.left, py);
|
|
85
|
+
f.ctx.lineTo(f.right, py);
|
|
86
|
+
f.ctx.stroke();
|
|
87
|
+
f.ctx.fillText(unit(v), f.left - 4, py);
|
|
88
|
+
}
|
|
89
|
+
return y;
|
|
90
|
+
}
|
|
91
|
+
function line(f, points, color, options = {}) {
|
|
92
|
+
if (points.length === 0)
|
|
93
|
+
return;
|
|
94
|
+
f.ctx.save();
|
|
95
|
+
f.ctx.strokeStyle = color;
|
|
96
|
+
f.ctx.lineWidth = options.width ?? 2;
|
|
97
|
+
f.ctx.setLineDash(options.dashed === true ? [4, 4] : []);
|
|
98
|
+
f.ctx.beginPath();
|
|
99
|
+
let previous;
|
|
100
|
+
for (const point of points) {
|
|
101
|
+
if (previous === undefined)
|
|
102
|
+
f.ctx.moveTo(point[0], point[1]);
|
|
103
|
+
else if (options.step === true) {
|
|
104
|
+
f.ctx.lineTo(point[0], previous[1]);
|
|
105
|
+
f.ctx.lineTo(point[0], point[1]);
|
|
106
|
+
}
|
|
107
|
+
else
|
|
108
|
+
f.ctx.lineTo(point[0], point[1]);
|
|
109
|
+
previous = point;
|
|
110
|
+
}
|
|
111
|
+
f.ctx.stroke();
|
|
112
|
+
f.ctx.restore();
|
|
113
|
+
}
|
|
114
|
+
function dot(f, px, py, color, r = 2.5) {
|
|
115
|
+
f.ctx.fillStyle = color;
|
|
116
|
+
f.ctx.beginPath();
|
|
117
|
+
f.ctx.arc(px, py, r, 0, Math.PI * 2);
|
|
118
|
+
f.ctx.fill();
|
|
119
|
+
}
|
|
120
|
+
/** A dashed vertical rule with a glyph at its top. */
|
|
121
|
+
function marker(f, px, color, glyph) {
|
|
122
|
+
f.ctx.save();
|
|
123
|
+
f.ctx.strokeStyle = color;
|
|
124
|
+
f.ctx.lineWidth = 1;
|
|
125
|
+
f.ctx.setLineDash([2, 3]);
|
|
126
|
+
f.ctx.beginPath();
|
|
127
|
+
f.ctx.moveTo(px, f.top);
|
|
128
|
+
f.ctx.lineTo(px, f.bottom);
|
|
129
|
+
f.ctx.stroke();
|
|
130
|
+
f.ctx.restore();
|
|
131
|
+
f.ctx.fillStyle = color;
|
|
132
|
+
f.ctx.textAlign = 'center';
|
|
133
|
+
f.ctx.textBaseline = 'top';
|
|
134
|
+
f.ctx.fillText(glyph, px, f.top);
|
|
135
|
+
}
|
|
136
|
+
function setLegend(items) {
|
|
137
|
+
legend.replaceChildren();
|
|
138
|
+
for (const [text, color] of items) {
|
|
139
|
+
const item = document.createElement('span');
|
|
140
|
+
item.setAttribute('part', 'legend-item');
|
|
141
|
+
const swatch = document.createElement('span');
|
|
142
|
+
swatch.setAttribute('part', 'swatch');
|
|
143
|
+
swatch.style.background = color;
|
|
144
|
+
item.append(swatch, text);
|
|
145
|
+
legend.append(item);
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
/** The samples in the window, plus the one before it so the line enters from the left. */
|
|
149
|
+
function visible(samples, t0) {
|
|
150
|
+
const from = samples.findIndex((s) => s.t >= t0);
|
|
151
|
+
if (from < 0)
|
|
152
|
+
return samples.length > 0 ? [samples[samples.length - 1]] : [];
|
|
153
|
+
return samples.slice(Math.max(0, from - 1));
|
|
154
|
+
}
|
|
155
|
+
function renditions(engine) {
|
|
156
|
+
return engine?.quality.renditions ?? [];
|
|
157
|
+
}
|
|
158
|
+
function drawBuffer(f, input) {
|
|
159
|
+
const { video, engine, palette: p } = input;
|
|
160
|
+
const state = engine?.stats.snapshot() ?? null;
|
|
161
|
+
const duration = state?.presentation?.duration ?? video.duration;
|
|
162
|
+
const live = state?.live ?? null;
|
|
163
|
+
const now = video.currentTime;
|
|
164
|
+
let d0 = 0;
|
|
165
|
+
let d1 = Number.isFinite(duration) && duration > 0 ? duration : Math.max(now + 10, 10);
|
|
166
|
+
if (live !== null) {
|
|
167
|
+
d0 = live.span.start;
|
|
168
|
+
d1 = Math.max(live.span.end, now + 10);
|
|
169
|
+
}
|
|
170
|
+
else if (d1 > 600) {
|
|
171
|
+
d0 = Math.max(0, now - 60);
|
|
172
|
+
d1 = now + 180;
|
|
173
|
+
}
|
|
174
|
+
const x = (t) => f.left + ((t - d0) / (d1 - d0)) * (f.right - f.left);
|
|
175
|
+
// One row per source buffer, or the video's own ranges for a native session.
|
|
176
|
+
const rows = state === null
|
|
177
|
+
? [
|
|
178
|
+
{
|
|
179
|
+
label: 'video',
|
|
180
|
+
ranges: Array.from({ length: video.buffered.length }, (_, i) => ({
|
|
181
|
+
start: video.buffered.start(i),
|
|
182
|
+
end: video.buffered.end(i),
|
|
183
|
+
})),
|
|
184
|
+
},
|
|
185
|
+
]
|
|
186
|
+
: [...state.buffers.entries()].map(([id, buffer]) => ({
|
|
187
|
+
label: id.replace('sb:', ''),
|
|
188
|
+
ranges: buffer.ranges,
|
|
189
|
+
}));
|
|
190
|
+
if (rows.length === 0)
|
|
191
|
+
rows.push({ label: 'video', ranges: [] });
|
|
192
|
+
const ladder = renditions(engine);
|
|
193
|
+
const rowGap = 8;
|
|
194
|
+
const rowH = Math.min(34, (f.bottom - f.top - rowGap * (rows.length - 1)) / rows.length);
|
|
195
|
+
f.ctx.textAlign = 'left';
|
|
196
|
+
f.ctx.textBaseline = 'middle';
|
|
197
|
+
rows.forEach((row, i) => {
|
|
198
|
+
const y = f.top + i * (rowH + rowGap);
|
|
199
|
+
f.ctx.fillStyle = alpha(p.muted, 0.15);
|
|
200
|
+
f.ctx.fillRect(f.left, y, f.right - f.left, rowH);
|
|
201
|
+
if (state !== null) {
|
|
202
|
+
for (const [range, id] of state.quality.appendLog) {
|
|
203
|
+
const index = ladder.findIndex((r) => r.id === id);
|
|
204
|
+
f.ctx.fillStyle = alpha(p.series[Math.max(0, index) % p.series.length] ?? p.accent, 0.3);
|
|
205
|
+
f.ctx.fillRect(x(range.start), y, Math.max(1, x(range.end) - x(range.start)), rowH);
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
f.ctx.fillStyle = p.ink;
|
|
209
|
+
for (const range of row.ranges) {
|
|
210
|
+
f.ctx.fillRect(x(range.start), y + rowH - 4, Math.max(1, x(range.end) - x(range.start)), 3);
|
|
211
|
+
}
|
|
212
|
+
f.ctx.fillStyle = p.muted;
|
|
213
|
+
f.ctx.fillText(row.label, f.left + 4, y + rowH / 2);
|
|
214
|
+
});
|
|
215
|
+
if (live !== null)
|
|
216
|
+
marker(f, x(live.edge), p.warn, 'edge');
|
|
217
|
+
f.ctx.fillStyle = p.accent;
|
|
218
|
+
f.ctx.fillRect(x(now) - 1, f.top, 2, f.bottom - f.top);
|
|
219
|
+
f.ctx.fillStyle = p.muted;
|
|
220
|
+
f.ctx.textAlign = 'left';
|
|
221
|
+
f.ctx.textBaseline = 'top';
|
|
222
|
+
f.ctx.fillText(clock(d0), f.left, f.bottom + 3);
|
|
223
|
+
f.ctx.textAlign = 'right';
|
|
224
|
+
f.ctx.fillText(clock(d1), f.right, f.bottom + 3);
|
|
225
|
+
setLegend([
|
|
226
|
+
...ladder.map((r, i) => [
|
|
227
|
+
r.height !== undefined ? `${r.height}p` : bitrate(r.bitrate),
|
|
228
|
+
p.series[i % p.series.length] ?? p.accent,
|
|
229
|
+
]),
|
|
230
|
+
['buffered', p.ink],
|
|
231
|
+
['playhead', p.accent],
|
|
232
|
+
]);
|
|
233
|
+
const ahead = input.samples[input.samples.length - 1]?.ahead ?? 0;
|
|
234
|
+
readout.textContent = `${clock(now)} of ${clock(d1)}, ${ahead.toFixed(1)}s buffered ahead${live !== null ? `, window ${clock(live.span.start)} to ${clock(live.span.end)}` : ''}`;
|
|
235
|
+
}
|
|
236
|
+
function drawThroughput(f, input, t0, t1) {
|
|
237
|
+
const p = input.palette;
|
|
238
|
+
const view = visible(input.samples, t0);
|
|
239
|
+
const segments = input.marks.filter((m) => m.kind === 'segment' && m.t >= t0);
|
|
240
|
+
const top = Math.max(1_000_000, ...view.map((s) => Math.max(s.slow, s.fast, s.playingBitrate)), ...segments.map((m) => m.value)) * 1.15;
|
|
241
|
+
const y = valueAxis(f, top, (v) => (v / 1e6).toFixed(v >= 1e7 ? 0 : 1), p);
|
|
242
|
+
const x = wallAxis(f, t0, t1, p);
|
|
243
|
+
for (const m of segments) {
|
|
244
|
+
const audio = m.trackId?.startsWith('aud') === true || m.trackId?.includes('audio') === true;
|
|
245
|
+
dot(f, x(m.t), y(m.value), (audio ? p.series[4] : p.series[0]) ?? p.accent);
|
|
246
|
+
}
|
|
247
|
+
line(f, view.map((s) => [x(s.t), y(s.slow)]), p.series[1] ?? p.accent);
|
|
248
|
+
line(f, view.map((s) => [x(s.t), y(s.fast)]), p.series[2] ?? p.accent, { dashed: true });
|
|
249
|
+
line(f, view.map((s) => [x(s.t), y(s.playingBitrate)]), p.muted, { step: true, width: 1.5 });
|
|
250
|
+
setLegend([
|
|
251
|
+
['video segment', p.series[0] ?? p.accent],
|
|
252
|
+
['audio segment', p.series[4] ?? p.accent],
|
|
253
|
+
['slow estimate', p.series[1] ?? p.accent],
|
|
254
|
+
['fast estimate', p.series[2] ?? p.accent],
|
|
255
|
+
['playing bitrate', p.muted],
|
|
256
|
+
]);
|
|
257
|
+
const last = view[view.length - 1];
|
|
258
|
+
readout.textContent =
|
|
259
|
+
last === undefined
|
|
260
|
+
? 'Mbps'
|
|
261
|
+
: `Mbps. Now: slow ${bitrate(last.slow)}, fast ${bitrate(last.fast)}, playing ${bitrate(last.playingBitrate)}`;
|
|
262
|
+
}
|
|
263
|
+
function drawStalls(f, input, t0, t1) {
|
|
264
|
+
const p = input.palette;
|
|
265
|
+
const view = visible(input.samples, t0);
|
|
266
|
+
const top = Math.max(5, ...view.map((s) => s.ahead)) * 1.15;
|
|
267
|
+
const y = valueAxis(f, top, (v) => `${v.toFixed(0)}s`, p);
|
|
268
|
+
const x = wallAxis(f, t0, t1, p);
|
|
269
|
+
f.ctx.fillStyle = alpha(p.series[3] ?? p.accent, 0.25);
|
|
270
|
+
let start = null;
|
|
271
|
+
for (const [i, s] of view.entries()) {
|
|
272
|
+
if (s.stalled && start === null)
|
|
273
|
+
start = s.t;
|
|
274
|
+
const last = i === view.length - 1;
|
|
275
|
+
if ((!s.stalled || last) && start !== null) {
|
|
276
|
+
f.ctx.fillRect(x(start), f.top, Math.max(2, x(s.t) - x(start)), f.bottom - f.top);
|
|
277
|
+
start = null;
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
line(f, view.map((s) => [x(s.t), y(s.ahead)]), p.series[0] ?? p.accent);
|
|
281
|
+
for (const m of input.marks) {
|
|
282
|
+
if (m.t < t0 || m.kind === 'segment' || m.kind === 'switch')
|
|
283
|
+
continue;
|
|
284
|
+
if (m.kind === 'stall')
|
|
285
|
+
marker(f, x(m.t), p.accent, '!');
|
|
286
|
+
else if (m.kind === 'seek')
|
|
287
|
+
marker(f, x(m.t), p.muted, '>');
|
|
288
|
+
else
|
|
289
|
+
marker(f, x(m.t), p.warn, m.kind.charAt(0).toUpperCase());
|
|
290
|
+
}
|
|
291
|
+
setLegend([
|
|
292
|
+
['buffered ahead', p.series[0] ?? p.accent],
|
|
293
|
+
['stalled', p.series[3] ?? p.accent],
|
|
294
|
+
['! stall', p.accent],
|
|
295
|
+
['> seek', p.muted],
|
|
296
|
+
['N F S G recovery', p.warn],
|
|
297
|
+
]);
|
|
298
|
+
const c = input.counters;
|
|
299
|
+
const now = view[view.length - 1]?.stalled === true ? ', stalled now' : '';
|
|
300
|
+
readout.textContent = `${c.stalls} stalls, ${c.stalledSeconds.toFixed(1)}s stalled in total${now}`;
|
|
301
|
+
}
|
|
302
|
+
function drawFrames(f, input, t0, t1) {
|
|
303
|
+
const p = input.palette;
|
|
304
|
+
const view = visible(input.samples, t0);
|
|
305
|
+
const fps = view.map((s, i) => {
|
|
306
|
+
const prev = view[i - 1];
|
|
307
|
+
const dt = prev === undefined ? 0.5 : Math.max((s.t - prev.t) / 1000, 0.05);
|
|
308
|
+
return s.decoded / dt;
|
|
309
|
+
});
|
|
310
|
+
const top = Math.max(30, ...fps) * 1.15;
|
|
311
|
+
const y = valueAxis(f, top, (v) => v.toFixed(0), p);
|
|
312
|
+
const x = wallAxis(f, t0, t1, p);
|
|
313
|
+
const maxDrop = Math.max(1, ...view.map((s) => s.dropped));
|
|
314
|
+
f.ctx.fillStyle = p.accent;
|
|
315
|
+
for (const s of view) {
|
|
316
|
+
if (s.dropped === 0)
|
|
317
|
+
continue;
|
|
318
|
+
const height = (s.dropped / maxDrop) * (f.bottom - f.top) * 0.6;
|
|
319
|
+
f.ctx.fillRect(x(s.t) - 1.5, f.bottom - height, 3, height);
|
|
320
|
+
}
|
|
321
|
+
line(f, view.map((s, i) => [x(s.t), y(fps[i] ?? 0)]), p.series[0] ?? p.accent);
|
|
322
|
+
setLegend([
|
|
323
|
+
['decoded per second', p.series[0] ?? p.accent],
|
|
324
|
+
['dropped, relative', p.accent],
|
|
325
|
+
]);
|
|
326
|
+
const c = input.counters;
|
|
327
|
+
const rate = c.decoded > 0 ? ((c.dropped / c.decoded) * 100).toFixed(2) : '0.00';
|
|
328
|
+
readout.textContent = `${c.decoded} decoded, ${c.dropped} dropped (${rate}%) this session`;
|
|
329
|
+
}
|
|
330
|
+
function drawSwitches(f, input, t0, t1) {
|
|
331
|
+
const p = input.palette;
|
|
332
|
+
const view = visible(input.samples, t0);
|
|
333
|
+
const ladder = renditions(input.engine);
|
|
334
|
+
const useHeight = ladder.some((r) => r.height !== undefined);
|
|
335
|
+
const levels = ladder.map((r) => (useHeight ? (r.height ?? 0) : r.bitrate));
|
|
336
|
+
const top = Math.max(1, ...levels, ...view.map((s) => (useHeight ? s.playingHeight : s.playingBitrate))) *
|
|
337
|
+
1.15;
|
|
338
|
+
const y = (v) => f.bottom - (v / top) * (f.bottom - f.top);
|
|
339
|
+
// The ladder is the axis: one line per rendition.
|
|
340
|
+
f.ctx.strokeStyle = alpha(p.muted, 0.25);
|
|
341
|
+
f.ctx.fillStyle = p.muted;
|
|
342
|
+
f.ctx.textAlign = 'right';
|
|
343
|
+
f.ctx.textBaseline = 'middle';
|
|
344
|
+
for (const level of levels) {
|
|
345
|
+
const py = y(level);
|
|
346
|
+
f.ctx.beginPath();
|
|
347
|
+
f.ctx.moveTo(f.left, py);
|
|
348
|
+
f.ctx.lineTo(f.right, py);
|
|
349
|
+
f.ctx.stroke();
|
|
350
|
+
f.ctx.fillText(useHeight ? `${level}p` : bitrate(level), f.left - 4, py);
|
|
351
|
+
}
|
|
352
|
+
const x = wallAxis(f, t0, t1, p);
|
|
353
|
+
line(f, view.map((s) => [x(s.t), y(useHeight ? s.playingHeight : s.playingBitrate)]), p.series[0] ?? p.accent, { step: true });
|
|
354
|
+
for (const m of input.marks)
|
|
355
|
+
if (m.kind === 'switch' && m.t >= t0)
|
|
356
|
+
marker(f, x(m.t), p.warn, 'S');
|
|
357
|
+
setLegend([
|
|
358
|
+
['playing', p.series[0] ?? p.accent],
|
|
359
|
+
['S switch', p.warn],
|
|
360
|
+
]);
|
|
361
|
+
const last = view[view.length - 1];
|
|
362
|
+
const now = last === undefined || last.playingId === null
|
|
363
|
+
? '–'
|
|
364
|
+
: useHeight
|
|
365
|
+
? `${last.playingHeight}p`
|
|
366
|
+
: bitrate(last.playingBitrate);
|
|
367
|
+
readout.textContent = `${input.counters.switches} switches this session, now ${now}`;
|
|
368
|
+
}
|
|
369
|
+
return {
|
|
370
|
+
draw(input) {
|
|
371
|
+
const f = frame();
|
|
372
|
+
if (f === null)
|
|
373
|
+
return;
|
|
374
|
+
if (input.engine === null && (input.tab === 'throughput' || input.tab === 'switches')) {
|
|
375
|
+
setLegend([]);
|
|
376
|
+
readout.textContent = 'A native session: the browser holds this, and says nothing.';
|
|
377
|
+
return;
|
|
378
|
+
}
|
|
379
|
+
const t1 = performance.now();
|
|
380
|
+
const t0 = t1 - input.window * 1000;
|
|
381
|
+
switch (input.tab) {
|
|
382
|
+
case 'buffer':
|
|
383
|
+
drawBuffer(f, input);
|
|
384
|
+
break;
|
|
385
|
+
case 'throughput':
|
|
386
|
+
drawThroughput(f, input, t0, t1);
|
|
387
|
+
break;
|
|
388
|
+
case 'stalls':
|
|
389
|
+
drawStalls(f, input, t0, t1);
|
|
390
|
+
break;
|
|
391
|
+
case 'frames':
|
|
392
|
+
drawFrames(f, input, t0, t1);
|
|
393
|
+
break;
|
|
394
|
+
case 'switches':
|
|
395
|
+
drawSwitches(f, input, t0, t1);
|
|
396
|
+
break;
|
|
397
|
+
}
|
|
398
|
+
},
|
|
399
|
+
};
|
|
400
|
+
}
|
|
401
|
+
//# sourceMappingURL=charts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"charts.js","sourceRoot":"","sources":["../src/charts.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import type { DiagnosticsReport } from './report.js';
|
|
2
|
+
export declare class MbxDiagnostics extends HTMLElement {
|
|
3
|
+
static get observedAttributes(): readonly string[];
|
|
4
|
+
private player;
|
|
5
|
+
private cancel;
|
|
6
|
+
private offs;
|
|
7
|
+
private readonly sampler;
|
|
8
|
+
private readonly charts;
|
|
9
|
+
private timer;
|
|
10
|
+
private drawer;
|
|
11
|
+
private copied;
|
|
12
|
+
private tab;
|
|
13
|
+
private chartTab;
|
|
14
|
+
private support;
|
|
15
|
+
private probing;
|
|
16
|
+
private readonly toggle;
|
|
17
|
+
private readonly panel;
|
|
18
|
+
private readonly body;
|
|
19
|
+
private readonly tabs;
|
|
20
|
+
private readonly pages;
|
|
21
|
+
private readonly copy;
|
|
22
|
+
private readonly canvas;
|
|
23
|
+
private readonly chartTabs;
|
|
24
|
+
private readonly windowSelect;
|
|
25
|
+
private readonly outside;
|
|
26
|
+
private readonly refit;
|
|
27
|
+
constructor();
|
|
28
|
+
connectedCallback(): void;
|
|
29
|
+
disconnectedCallback(): void;
|
|
30
|
+
attributeChangedCallback(): void;
|
|
31
|
+
private attach;
|
|
32
|
+
private detach;
|
|
33
|
+
/** The report, as of now. */
|
|
34
|
+
report(): DiagnosticsReport;
|
|
35
|
+
private poll;
|
|
36
|
+
private show;
|
|
37
|
+
private hide;
|
|
38
|
+
/** The panel never leaves the picture: fitted to the room above the button, within the player's width. */
|
|
39
|
+
private fit;
|
|
40
|
+
private select;
|
|
41
|
+
private markTab;
|
|
42
|
+
private markChartTab;
|
|
43
|
+
private renderLabels;
|
|
44
|
+
private copyReport;
|
|
45
|
+
/** The colours the charts draw with, off the element's tokens. */
|
|
46
|
+
private palette;
|
|
47
|
+
private draw;
|
|
48
|
+
/** The page shown, from the facts of the moment. */
|
|
49
|
+
private paint;
|
|
50
|
+
private playbackSections;
|
|
51
|
+
private engineSections;
|
|
52
|
+
/**
|
|
53
|
+
* Draws sections into a page, reusing what is there: a heading and a
|
|
54
|
+
* list per section, a row per pair, texts replaced only where they
|
|
55
|
+
* changed, so a page open for an hour neither flickers nor grows.
|
|
56
|
+
*/
|
|
57
|
+
private sections;
|
|
58
|
+
/** The browser page: probed once, the first time it is shown, then a set of tables. */
|
|
59
|
+
private browser;
|
|
60
|
+
private tables;
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=element.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AA+ErD,qBAAa,cAAe,SAAQ,WAAW;IAC7C,MAAM,KAAK,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAEjD;IAED,QAAgB,MAAM,CAAoB;IAC1C,QAAgB,MAAM,CAAsB;IAC5C,QAAgB,IAAI,CAAoB;IACxC,iBAAyB,OAAO,CAAU;IAC1C,iBAAyB,MAAM,CAAS;IACxC,QAAgB,KAAK,CAA6C;IAClE,QAAgB,MAAM,CAA6C;IACnE,QAAgB,MAAM,CAA4C;IAClE,QAAgB,GAAG,CAAM;IACzB,QAAgB,QAAQ,CAAW;IACnC,QAAgB,OAAO,CAAiB;IACxC,QAAgB,OAAO,CAAU;IAEjC,iBAAyB,MAAM,CAAoB;IACnD,iBAAyB,KAAK,CAAc;IAC5C,iBAAyB,IAAI,CAAc;IAC3C,iBAAyB,IAAI,CAAiC;IAC9D,iBAAyB,KAAK,CAA2B;IACzD,iBAAyB,IAAI,CAAoB;IACjD,iBAAyB,MAAM,CAAoB;IACnD,iBAAyB,SAAS,CAAsC;IACxE,iBAAyB,YAAY,CAAoB;IACzD,iBAAyB,OAAO,CAAgC;IAChE,iBAAyB,KAAK,CAAa;;IAwH3C,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAM5B,wBAAwB,IAAI,IAAI;IAIhC,OAAO,CAAC,MAAM;IA4Bd,OAAO,CAAC,MAAM;IAUd,6BAA6B;IAC7B,MAAM,IAAI,iBAAiB;IAa3B,OAAO,CAAC,IAAI;IAOZ,OAAO,CAAC,IAAI;IAiBZ,OAAO,CAAC,IAAI;IAWZ,0GAA0G;IAC1G,OAAO,CAAC,GAAG;IAeX,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;YAiBN,UAAU;IAexB,kEAAkE;IAClE,OAAO,CAAC,OAAO;IAaf,OAAO,CAAC,IAAI;IAeZ,oDAAoD;IACpD,OAAO,CAAC,KAAK;IAkBb,OAAO,CAAC,gBAAgB;IAoDxB,OAAO,CAAC,cAAc;IA2GtB;;;;OAIG;IACH,OAAO,CAAC,QAAQ;IAuChB,uFAAuF;IACvF,OAAO,CAAC,OAAO;IAYf,OAAO,CAAC,MAAM;CAoEf"}
|