Azure Media Player Enable Seeker and other controls

113 Views Asked by At

I am trying to integrate Azure Media Player into the project using HTML/JS code snippets. But I am unable to enable the rewind and forward buttons. Even the arrow keys are not working. I also want to enable more features like captions etc. Any code snippet(s) or documentation will be of great help.

Currently, I am referring to the following https://amp.azure.net/libs/amp/latest/docs/index.html to make a breakthrough.

Thanks

Below is the code snippet `

<video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered"> </video>
    <script>
        var myOptions = {
            autoplay: true,
            controls: true,
            width: "640",
            height: "400",
            poster: "",
            cea708CaptionsSettings: {
                enabled: true,
                srclang: 'en',
                label: 'Live CC'
            },
            playbackSpeed: {
                enabled: true,
                initialSpeed: 1.0,
                speedLevels: [
                    { name: "x4.0", value: 4.0 },
                    { name: "x3.0", value: 3.0 },
                    { name: "x2.0", value: 2.0 },
                    { name: "x1.75", value: 1.75 },
                    { name: "x1.5", value: 1.5 },
                    { name: "x1.25", value: 1.25 },
                    { name: "normal", value: 1.0 },
                    { name: "x0.75", value: 0.75 },
                    { name: "x0.5", value: 0.5 },
                ]
            },
            plugins: {
                hotkeys: {
                    //optional settings
                    "volumeStep": 0.1,
                    "seekStep": 2,
                    "enableMute": true,
                    "enableFullscreen": true,
                    "enableNumbers": true,
                    "enableJogStyle": true
                }
            }
        };
        var myPlayer = amp("azuremediaplayer", myOptions);
       
        myPlayer.src([{ src: "https://resources.blob.core.windows.net/staging/videos/test.mp4",  type: "video/mp4" }, ]);

    </script>

`

1

There are 1 best solutions below

0
On

I will suggest having a look here AMP Documentation, there are a lot of samples AMP Samples and demos AMP Demos