MPEG-Demuxer.js/index.html at master · numberwolf/MPEG-Demuxer.js · GitHub

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
82
83
84
85
86
87
<!DOCType html>
<html>
<head>
    <link href="/favicon.ico" rel="icon" type="image/x-icon" />
    <meta charset="utf-8">
    <title>TsDemuxerJS - https://github.com/numberwolf/h265web.js</title>
    <meta charset="utf-8" name="author" content="ChangYanlong">
    <meta charset="utf-8" name="email" content="porschegt23@foxmail.com">
    <meta charset="utf-8" name="discord" content="numberwolf#8694">
    <meta charset="utf-8" name="github" content="https://github.com/numberwolf/h265web.js">
    <script src='dist/play.js'></script>
</head>
<body>
    <script>
        var demuxCount = 0;
        // var url264 = "/res/veilside264.ts";
        var url = "/res/veilside2.ts";
        var url = "/res/veilside.ts";
        //var url = "/res/veilside265_an.ts";
        //var url = "/res/xinxiaomen.mp4";
        var config = {};
        var demuxer = makeTsDemuxerJs(config);

        // bind callback
        demuxer.onReady = () => {
            // do sth
            demuxer.demuxURL(url);
        };

        demuxer.onDemuxed = () => {
            if (demuxCount > 1) {
                return;
            }
            demuxCount += 1;
            var mediaInfo = demuxer.readMediaInfo();
            console.log(mediaInfo);

            var extInfo = demuxer.readExtensionInfo();
            console.log(extInfo);

            var readData = null;
            var vcount = 0;
            var acount = 0;
            while(1) {
                readData = demuxer.readPacket();
                if (readData.size <= 0) {
                    break;
                }
                if (readData.type == 0) {
                    vcount++;
                } else {
                    acount++;
                    // console.log(readData.ptime, readData.size);
                    // break; // debug
                }
                console.log(readData);
                /*
                 * Video readData.data is uint8array
                 * Audio readData.data is list of {pts,uint8array}
                 */
                // console.log(readData);
                // break; // debug
            }
            console.log(vcount, acount);
        };

        // init demuxer framework
        demuxer.initDemuxer();

        // setTimeout(() => {
        //     // next
        //     console.log("start 264=====================");
        //     // demuxer.demuxURL(url);
        //     fetch(url264)
        //     .then(res => res.arrayBuffer())
        //     .then(streamBuffer => {
        //         streamBuffer.fileStart = 0;
        //         // array buffer to unit8array
        //         let streamUint8Buf = new Uint8Array(streamBuffer);
        //         demuxer.demuxUint8Buf(streamUint8Buf);
        //     });
        // }, 5000);


	</script>
</body>
</html>