Smooth Streaming example, single videoElement

Smooth Streaming example

Example showing how to use dash.js to play Microsoft Smooth Streaming streams.

Manifest URL

License Server Url:

Source code

<script src="../../dist/modern/umd/dash.mss.debug.js"></script>
<script>
    function loadStream() {
        var streamUrl = document.getElementById('streamUrl').value;
        var licenseServerUrl = document.getElementById('licenseServerUrl').value;
        var protData = null;

        if (!streamUrl) {
            return;
        }

        /* Create protection data in case a license server was provided */
        if (licenseServerUrl) {
            protData = {
                'com.widevine.alpha': {
                    serverURL: licenseServerUrl
                }
            };
        }

        var video,
            player;

        player = dashjs.MediaPlayer().create();
        video = document.querySelector('video');
        player.initialize(); /* initialize the MediaPlayer instance */
        player.attachView(video); /* tell the player which videoElement it should use */
        player.setProtectionData(protData); /* set protection data (sets license server when required) */
        player.attachSource(streamUrl); /* provide the manifest source */
    }
</script>