Share via

Beépülő modulok írása az Azure Media Playerhez

  • Cikk

A beépülő modul JavaScript írt, hogy bővítse vagy fokozza a lejátszó. Írhat olyan beépülő modulokat, amelyek megváltoztatják az Azure Media Player megjelenését, működését, vagy akár más szolgáltatásokkal is rendelkeznek. Ezt két egyszerű lépésben teheti meg:

1. lépés

Írja be a JavaScriptet egy ilyen függvénybe:


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

A kódot közvetlenül a HTML-lapra írhatja címkéken belül <script> vagy egy külső JavaScript-fájlban. Ha az utóbbit végzi el, mindenképpen vegye fel a JavaScript-fájlt a <head> HTML-lapra az AMP-szkript után .

Példa:

    <!--*****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>

2. lépés

Inicializálja a beépülő modult a JavaScripttel kétféleképpen:

1. módszer:

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

2. módszer:

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

A beépülő modul beállításaira nincs szükség, beleértve azokat is, amelyek csak lehetővé teszik a beépülő modult használó fejlesztők számára a viselkedésük konfigurálását anélkül, hogy módosítaniuk kellene a forráskódot.

Ihletet és további példákat a beépülő modul létrehozásával kapcsolatban tekintse meg galériánkat

Megjegyzés

A beépülő modulkód dinamikusan módosítja a DOM elemeit a néző játékosélményének élettartama alatt, soha nem módosítja véglegesen a játékos forráskódját. Itt hasznos a böngésző fejlesztői eszközeinek ismerete. Ha például módosítani szeretné egy elem megjelenését a lejátszóban, megtalálhatja a HTML-elemét az osztálynév alapján, majd onnan adhat hozzá vagy módosíthat attribútumokat. Íme egy remek erőforrás a HTML-attribútumok módosításához.

Integrált beépülő modulok

Jelenleg két beépülő modul van az AMP-ben sütve: az időcsúcs és a gyorsbillentyűk. Ezeket a beépülő modulokat eredetileg úgy fejlesztették ki, hogy moduláris beépülő modulok legyenek a játékos számára, de most már szerepelnek a játékos forráskódjában.