parra/TDTChannels
parra/TDTChannels
1
0
Fork 0
mirror of https://github.com/LaQuay/TDTChannels.git synced 2024-11-23 01:13:25 +01:00
Code Releases Activity

add channel options in website

Browse source
This commit is contained in:
LaQuay 2019-03-24 18:47:35 +01:00
parent d902d87521
commit 63f86be304
2 changed files with 20 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
script/public/index.html
View file

@ -60,6 +60,7 @@
<br> <br>
<em id="video-resolution"></em> <em id="video-resolution"></em>
<p id="extra-video-info" style="display: block"></p> <p id="extra-video-info" style="display: block"></p>
<div id="option-buttons"></div>
</div> </div>
</div> </div>
<div id="audio" style="margin-top: 15px"> <div id="audio" style="margin-top: 15px">

41
script/public/index.js
View file

@ -123,13 +123,6 @@ function getURLsFromPLS(sUrl, fn_callback) {
} }
}); });
fn_callback($urls) fn_callback($urls)
//$.each($urls, function( index, value ) {
// if (checkIfWebsiteWorks(value)) {
// fn_callback(value);
// break;
// }
//});
}); });
}; };
@ -166,16 +159,8 @@ function getUrlParameter(sParam) {
} }
}; };
// Check an URL is valid or broken
// FIXME: For streams if it works it keeps loading infinite time
function checkIfWebsiteWorks(sUrl){
$.get(sUrl, function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
}
function filterChannelsList() { function filterChannelsList() {
var input, filter, div, li, a, i, txtValue; var input, filter, div, elements, txtValue;
input = document.getElementById("searchInput"); input = document.getElementById("searchInput");
filter = input.value.toUpperCase(); filter = input.value.toUpperCase();
@ -192,11 +177,24 @@ function filterChannelsList() {
} }
} }
function onChannelClick(channel){ function reproduceChannel(channel_options) {
channel = JSON.parse(channel); options = channel_options;
reproduceVideo(channel['options'][0]['url'])
//document.getElementById("titleh1").innerText = document.getElementById("container").offsetWidth document.getElementById("option-buttons").innerHTML = ""
if (options.length == 1) {
reproduceVideo(channel['options'][0]['url'])
} else if (options.length > 1) {
for (i = 0; i < options.length; ++i) {
var url = options[i]['url'];
document.getElementById("option-buttons").innerHTML +=
"<a href='javascript:reproduceVideo(\"" + url + "\")' class='btn btn-secondary btn-sm' style='margin-right: 10px'>Opción " + (i+1) + "</a>";
}
}
}
function onChannelClick(channel) {
channel = JSON.parse(channel);
reproduceChannel(channel['options'])
if (document.getElementById("container").offsetWidth < 720) { if (document.getElementById("container").offsetWidth < 720) {
document.getElementById("video").scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"}); document.getElementById("video").scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
@ -209,13 +207,12 @@ function loadChannelsInList() {
return response.json(); return response.json();
}) })
.then(function(myJson) { .then(function(myJson) {
console.log(myJson);
nacionales = myJson[1]; nacionales = myJson[1];
var items = []; var items = [];
$.each(nacionales["ambits"], function( ambit, ambit_val ) { $.each(nacionales["ambits"], function( ambit, ambit_val ) {
$.each(ambit_val["channels"], function( key, val ) { $.each(ambit_val["channels"], function( key, val ) {
items.push("<a href='javascript:onChannelClick("+ JSON.stringify(JSON.stringify(val)) + ")' class='list-group-item list-group-item-action'>" + val["name"] + "</a>") items.push("<a href='javascript:onChannelClick(" + JSON.stringify(JSON.stringify(val)) + ")' class='list-group-item list-group-item-action'>" + val["name"] + "</a>")
}); });
}); });