Bagikan melalui

Menulis plugin untuk Azure Media Player

  • Artikel

Plugin adalah JavaScript yang ditulis untuk memperluas atau meningkatkan pemutar. Anda dapat menulis plugin yang mengubah tampilan Azure Media Player, fungsionalitasnya, atau bahkan memiliki antarmukanya dengan layanan lain. Anda dapat melakukan ini dalam dua langkah mudah:

Langkah 1

Tulis JavaScript Anda dalam fungsi seperti:


    (function () {
        amp.plugin('yourPluginName', function (options) {
        var myPlayer = this;
           myPlayer.addEventListener(amp.eventName.ready, function () {
        console.log("player is ready!");
            });
        });
    }).call(this);

Anda dapat menulis kode secara langsung di laman HTML dalam tag <script> atau dalam berkas JavaScript eksternal. Jika Anda melakukan yang terakhir, pastikan untuk menyertakan file JavaScript di halaman <head> HTML Anda setelah skrip AMP.

Contoh:

    <!--*****START OF Azure Media Player Scripts*****-->
    <script src="//amp.azure.net/libs/amp/latest/azuremediaplayer.min.js"></script>
    <link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
    <!--*****END OF Azure Media Player Scripts*****-->
    <!--Add Plugins-->
    <script src="yourPluginName.js"></script>

Langkah 2

Inisialisasi plugin dengan JavaScript dengan salah satu dari dua cara:

Metode 1:

    var myOptions = {
        autoplay: true,
        controls: true,
        width: "640",
        height: "400",
        poster: "",
        plugins: {
            yourPluginName: {
                [your plugin options]: [example options]
           }
        }
    };
    var myPlayer = amp([videotag id], myOptions);

Metode 2:

    var video = amp([videotag id]);
    video.yourPluginName({[your plugins option]: [example option]});

Opsi plugin tidak diperlukan, termasuk mereka hanya memungkinkan pengembang menggunakan plugin Anda untuk mengkonfigurasi perilakunya tanpa harus mengubah kode sumber.

Untuk inspirasi dan lebih banyak contoh tentang membuat plugin, lihat galeri kami

Catatan

Kode plugin secara dinamis mengubah item di DOM selama masa pakai pengalaman pemutar penonton, tidak pernah membuat perubahan permanen pada kode sumber pemutar. Di sinilah pemahaman tentang alat pengembang browser Anda berguna. Misalnya, jika Anda ingin mengubah tampilan elemen dalam pemutar, Anda dapat menemukan elemen HTML-nya dengan nama kelasnya lalu menambahkan atau mengubah atribut dari sana. Berikut adalah sumber daya yang bagus untuk mengubah atribut HTML.

Plugin Terintegrasi

Saat ini ada dua plugin yang disisipkan ke AMP: time-tip dan hotkey. Plugin ini awalnya dikembangkan untuk menjadi plugin modular untuk pemutar tetapi sekarang dimasukkan ke dalam kode sumber pemutar.