Я работаю над Magic Mirror и хочу передать на него видео wowza (m3u8). У меня есть рабочий код, как показано ниже.
<html>
<div id="playerElement" style="width:100%; height:0; padding:0 0 56.25% 0"></div>
<script type="text/javascript" src="//player.wowza.com/player/latest/wowzaplayer.min.js"></script>
<script type="text/javascript">
WowzaPlayer.create('playerElement',
{
"license":"PLAY1-XXXX-XXXXX-XXXXX-XXXXX-XXXXX",
"title":"",
"description":"",
"sourceURL":"https://s3.amazonaws.com/XXXXX/HLS/XXXXX/XXXX_XXXXX.m3u8",
"autoPlay":false,
"volume":"75",
"mute":false,
"loop":false,
"audioOnly":false,
"uiShowQuickRewind":true,
"uiQuickRewindSeconds":"30"
}
);
</script>
</html>
Я хочу создать элемент сценария вместо тега сценария, для которого я хочу создать атрибут, который может создавать / хранить экземпляр проигрывателя wowza. Что-то вроде
var script = document.createElement("script")
script.attr = WowzaPlayer.create('playerElement',
{
"license":"PLAY1-XXXX-XXXXX-XXXXX-XXXXX-XXXXX",
"title":"",
"description":"",
"sourceURL":"https://s3.amazonaws.com/XXXXX/HLS/XXXXX/XXXX_XXXXX.m3u8",
"autoPlay":false,
"volume":"75",
"mute":false,
"loop":false,
"audioOnly":false,
"uiShowQuickRewind":true,
"uiQuickRewindSeconds":"30"
}
);
Я пробовал различные варианты, такие как создание html-переменной и присвоение ей
var wrapper = document.createElement("div");
wrapper.insertAdjacentHTML("afterbegin", html);
, но она тоже не работала. Пожалуйста, учтите, что я не привык к Javascript и HTML. Любая помощь будет оценена