parra/TDTChannels
parra/TDTChannels
1
0
Fork 0
mirror of https://github.com/LaQuay/TDTChannels.git synced 2024-11-26 18:54:57 +01:00
Code Releases Activity

Fix multiple instance of video

Browse source
This commit is contained in:
Marc 2018-12-09 17:15:22 +01:00
parent f69c5b6b99
commit 5aa3d6da56
1 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
script/public/index.html
View file

@ -35,7 +35,7 @@
<p class="lead">
Reproductor de Televisión
</p>
<p>Formatos soportado: <em>m3u8</em></p>
<p>Formatos soportados: <em>m3u8</em></p>
<div class="input-group mb-3">
<input id="input-reproduccion-video" type="text" class="form-control" placeholder="URL de reproducción">
<div class="input-group-append">
@ -51,7 +51,7 @@
<p class="lead">
Reproductor de Radio
</p>
<p>Formatos soportado: <em>nsv</em></p>
<p>Formatos soportados: <em>nsv</em></p>
<div class="input-group mb-3">
<input id="input-reproduccion-audio" type="text" class="form-control" placeholder="URL de reproducción">
<div class="input-group-append">
@ -70,6 +70,7 @@
<script>
// Se espera en la URL este tipo de llamada
// .html?type={audio,video}&channel={url_a_reproducir}
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = decodeURIComponent(window.location.search.substring(1)),
sURLVariables = sPageURL.split('&'),
@ -84,6 +85,9 @@
}
}
};
var player;
var typeToReproduce = getUrlParameter("type");
var channelToReproduce;
if (typeToReproduce == "audio") {
@ -109,13 +113,21 @@
console.log("Reproducing " + channelToReproduce);
if (channelToReproduce.includes("m3u8")) {
console.log("Reproducing video")
var player = new Clappr.Player({
var divInfo = document.getElementById("video-player").childElementCount;
if (divInfo == 0) {
player = new Clappr.Player({
source: channelToReproduce,
parentId: '#video-player',
height: '400px',
width: '100%',
autoPlay: true,
});
} else {
// Assume player instance is already created
player.configure({
source: channelToReproduce,
});
}
}
}