Beépülő modulok írása az Azure Media Playerhez
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.