@moq/watch 0.2.4 → 0.2.6
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/README.md +27 -0
- package/audio/source.d.ts.map +1 -1
- package/backend.d.ts +5 -1
- package/backend.d.ts.map +1 -1
- package/{broadcast-b-IDmAB3.js → broadcast-BdsV4u8m.js} +640 -585
- package/{broadcast-b-IDmAB3.js.map → broadcast-BdsV4u8m.js.map} +1 -1
- package/element.d.ts +7 -4
- package/element.d.ts.map +1 -1
- package/element.js +65 -43
- package/element.js.map +1 -1
- package/index.js +2 -2
- package/package.json +3 -3
- package/sync.d.ts +8 -2
- package/sync.d.ts.map +1 -1
- package/ui/components/BufferControl.d.ts +1 -1
- package/ui/context.d.ts +3 -1
- package/ui/context.d.ts.map +1 -1
- package/ui/index.js +255 -254
- package/ui/index.js.map +1 -1
- package/video/renderer.d.ts +3 -0
- package/video/renderer.d.ts.map +1 -1
- package/video/source.d.ts.map +1 -1
package/README.md
CHANGED
|
@@ -17,6 +17,33 @@ bun add @moq/watch
|
|
|
17
17
|
npm add @moq/watch
|
|
18
18
|
```
|
|
19
19
|
|
|
20
|
+
### No-build CDN usage
|
|
21
|
+
|
|
22
|
+
For quick demos or embeds where a bundler is overkill, jsDelivr's `+esm`
|
|
23
|
+
endpoint will transform the published npm package into a browser-ready ESM
|
|
24
|
+
module — bare imports like `@moq/hang` are automatically rewritten to
|
|
25
|
+
other `+esm` URLs. No build step or import map required:
|
|
26
|
+
|
|
27
|
+
```html
|
|
28
|
+
<script type="module">
|
|
29
|
+
import "https://cdn.jsdelivr.net/npm/@moq/watch/element.js/+esm";
|
|
30
|
+
import "https://cdn.jsdelivr.net/npm/@moq/watch/ui/index.js/+esm";
|
|
31
|
+
</script>
|
|
32
|
+
|
|
33
|
+
<moq-watch-ui>
|
|
34
|
+
<moq-watch url="https://relay.example.com/anon" name="room/alice">
|
|
35
|
+
<canvas></canvas>
|
|
36
|
+
</moq-watch>
|
|
37
|
+
</moq-watch-ui>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Pin a version range in the URL for production — e.g.
|
|
41
|
+
`https://cdn.jsdelivr.net/npm/@moq/watch@0.2/element.js/+esm`. esm.sh
|
|
42
|
+
(`https://esm.sh/@moq/watch/element`) works the same way if you prefer it.
|
|
43
|
+
|
|
44
|
+
For anything beyond embedding on a static page you should install the
|
|
45
|
+
package and use a real bundler (the examples below).
|
|
46
|
+
|
|
20
47
|
## Web Component
|
|
21
48
|
|
|
22
49
|
The simplest way to watch a stream:
|
package/audio/source.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"source.d.ts","sourceRoot":"","sources":["../../src/audio/source.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"source.d.ts","sourceRoot":"","sources":["../../src/audio/source.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQpC,MAAM,MAAM,MAAM,GAAG;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AAE1E,MAAM,MAAM,WAAW,GAAG;IACzB,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAGtD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAG7C,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,qBAAa,MAAM;;IAClB,SAAS,EAAE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAGnC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,CAAiB;IAGpE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAmB;IAGlF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAe;IAGzD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,CAAgB;IAExE,SAAS,EAAE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAGzC,IAAI,EAAE,IAAI,CAAC;gBAIC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,WAAW;IAgG3C,KAAK,IAAI,IAAI;CAGb"}
|
package/backend.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import * as Moq from "@moq/lite";
|
|
|
2
2
|
import { Signal } from "@moq/signals";
|
|
3
3
|
import * as Audio from "./audio";
|
|
4
4
|
import type { Broadcast } from "./broadcast";
|
|
5
|
+
import { type Latency } from "./sync";
|
|
5
6
|
import * as Video from "./video";
|
|
6
7
|
export interface BufferedRange {
|
|
7
8
|
start: Moq.Time.Milli;
|
|
@@ -13,12 +14,14 @@ export interface Backend {
|
|
|
13
14
|
paused: Signal<boolean>;
|
|
14
15
|
video?: Video.Backend;
|
|
15
16
|
audio?: Audio.Backend;
|
|
17
|
+
latency: Signal<Latency>;
|
|
16
18
|
jitter: Signal<Moq.Time.Milli>;
|
|
17
19
|
}
|
|
18
20
|
export interface MultiBackendProps {
|
|
19
21
|
element?: HTMLCanvasElement | HTMLVideoElement | Signal<HTMLCanvasElement | HTMLVideoElement | undefined>;
|
|
20
22
|
broadcast?: Broadcast | Signal<Broadcast | undefined>;
|
|
21
|
-
|
|
23
|
+
latency?: Latency | Signal<Latency>;
|
|
24
|
+
rtt?: Signal<number | undefined>;
|
|
22
25
|
paused?: boolean | Signal<boolean>;
|
|
23
26
|
}
|
|
24
27
|
declare class VideoBackend implements Video.Backend {
|
|
@@ -41,6 +44,7 @@ export declare class MultiBackend implements Backend {
|
|
|
41
44
|
#private;
|
|
42
45
|
element: Moq.Signals.Signal<HTMLVideoElement | HTMLCanvasElement | undefined>;
|
|
43
46
|
broadcast: Signal<Broadcast | undefined>;
|
|
47
|
+
latency: Signal<Latency>;
|
|
44
48
|
jitter: Signal<Moq.Time.Milli>;
|
|
45
49
|
paused: Signal<boolean>;
|
|
46
50
|
video: VideoBackend;
|
package/backend.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backend.d.ts","sourceRoot":"","sources":["../src/backend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,WAAW,CAAC;AACjC,OAAO,EAAU,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"backend.d.ts","sourceRoot":"","sources":["../src/backend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,WAAW,CAAC;AACjC,OAAO,EAAU,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,KAAK,OAAO,EAAQ,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAGjC,MAAM,WAAW,aAAa;IAC7B,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;IACtB,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;CACpB;AACD,MAAM,MAAM,cAAc,GAAG,aAAa,EAAE,CAAC;AAG7C,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,UAAU,GAAG,cAAc,CAUpE;AAED,MAAM,WAAW,OAAO;IAEvB,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGxB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC;IAGtB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC;IAGtB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGzB,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IACjC,OAAO,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,MAAM,CAAC,iBAAiB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC1G,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAGtD,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAGpC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAEjC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;CACnC;AAGD,cAAM,YAAa,YAAW,KAAK,CAAC,OAAO;IAE1C,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IAGrB,KAAK,8CAAkD;IAGvD,OAAO,8BAA8B;IAGrC,QAAQ,qCAAkC;IAG1C,SAAS,qCAAmD;gBAEhD,MAAM,EAAE,KAAK,CAAC,MAAM;CAGhC;AAGD,cAAM,YAAa,YAAW,KAAK,CAAC,OAAO;IAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IAGrB,MAAM,6BAA2B;IAGjC,KAAK,8BAA8B;IAGnC,KAAK,8CAAkD;IAGvD,QAAQ,qCAAkC;gBAE9B,MAAM,EAAE,KAAK,CAAC,MAAM;CAGhC;AAKD,qBAAa,YAAa,YAAW,OAAO;;IAC3C,OAAO,uEAA2E;IAClF,SAAS,EAAE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAExB,KAAK,EAAE,YAAY,CAAC;IAGpB,KAAK,EAAE,YAAY,CAAC;IAMpB,OAAO,qBAAgB;gBAEX,KAAK,CAAC,EAAE,iBAAiB;IA0FrC,KAAK,IAAI,IAAI;CAGb"}
|