Narwhal Parade Maestro

    flvjs-megacam
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.12 • Public • Published

    flvjs-megacam

    An HTML5 Flash Video (FLV) Player written in pure JavaScript without Flash. LONG LIVE FLV!

    This project relies on Media Source Extensions to work.

    Overview

    flvjs-megacam works by transmuxing FLV file stream into ISO BMFF (Fragmented MP4) segments, followed by feeding mp4 segments into an HTML5 <video> element through Media Source Extensions API.

    flvjs-megacam is written in ECMAScript 6, transpiled into ECMAScript 5 by Babel Compiler, and bundled with Browserify.

    Features

    • FLV container with H.264 + AAC / MP3 codec playback
    • Multipart segmented video playback
    • HTTP FLV low latency live stream playback
    • FLV over WebSocket live stream playback
    • Compatible with Chrome, FireFox, Safari 10, IE11 and Edge
    • Extremely low overhead, and hardware accelerated by your browser!

    Installation

    npm install --save flvjs-megacam

    Build

    npm install          # install dev-dependences
    npm install -g gulp  # install build tool
    gulp release         # packaged & minimized js will be emitted in dist folder

    cnpm mirror is recommended if you are in Mainland China.

    CORS

    If you use standalone video server for FLV stream, Access-Control-Allow-Origin header must be configured correctly on video server for cross-origin resource fetching.

    See cors.md for more details.

    Getting Started

    <script src="flvjs-megacam.js"></script>
    <video id="videoElement"></video>
    <script>
        if (flvjs.isSupported()) {
            var videoElement = document.getElementById('videoElement');
            var flvPlayer = flvjs-megacam.createPlayer({
                type: 'flv',
                url: 'http://example.com/flv/video.flv'
            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
            flvPlayer.play();
        }
    </script>

    Limitations

    • MP3 audio codec is currently not working on IE11 / Edge
    • HTTP FLV live stream is not currently working on all browsers, see livestream.md

    Multipart playback

    You only have to provide a playlist for MediaDataSource. See multipart.md

    Livestream playback

    See livestream.md

    API and Configuration

    See api.md

    Debug

    npm install          # install dev-dependences
    npm install -g gulp  # install build tool
    npm run dev          # with incremental compile and auto reload

    Design

    See design.md

    Install

    npm i flvjs-megacam

    DownloadsWeekly Downloads

    2

    Version

    1.0.12

    License

    ISC

    Unpacked Size

    3.03 MB

    Total Files

    62

    Last publish

    Collaborators

    • cenitelas