KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Got automatic detection working for changing song when they are similar enough (higher than 0.75)

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-11-09 19:47:31 +01:00
parent 3050d56bf8
commit b03213d61a
4 changed files with 34 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
server/public/assets/js/list.js
View File

@@ -153,18 +153,21 @@ var List = {
changedValues: function(song) {
var i = List.getIndexOfSong(song.id);
full_playlist[i].title = song.title;
full_playlist[i].duration = song.duration;
full_playlist[i].start = song.start;
full_playlist[i].end = song.end;
full_playlist[i].id = song.new_id;
if(i >= 0) {
full_playlist[i].title = song.title;
full_playlist[i].duration = song.duration;
full_playlist[i].start = song.start;
full_playlist[i].end = song.end;
full_playlist[i].id = song.new_id;
$("#" + song.id).find(".vote-container").attr("title", song.title);
$("#" + song.id).find(".list-title").attr("title", song.title);
$("#" + song.id).find(".list-title").text(song.title);
var _temp_duration = Helper.secondsToOther(song.duration);
$("#" + song.id).find(".card-duration").text(Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]));
$("#" + song.id).attr("id", song.new_id);
$("#" + song.id).find(".vote-container").attr("title", song.title);
$("#" + song.id).find(".list-title").attr("title", song.title);
$("#" + song.id).find(".list-title").text(song.title);
var _temp_duration = Helper.secondsToOther(song.duration);
$("#" + song.id).find(".card-duration").text(Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]));
$("#" + song.id).find(".list-image").attr("style", "background-image:url('//img.youtube.com/vi/"+song.new_id+"/mqdefault.jpg');");
$("#" + song.id).attr("id", song.new_id);
}
},
insertAtBeginning: function(song_info, transition) {
@@ -936,7 +939,8 @@ var List = {
var video_id = _song_info.id;
var video_title = _song_info.title;
var video_votes = _song_info.votes;
var video_thumb = "background-image:url('//img.youtube.com/vi/"+video_id+"/mqdefault.jpg');";
var video_thumb_url = "//img.youtube.com/vi/"+video_id+"/mqdefault.jpg";
var video_thumb = "background-image:url('" + video_thumb_url + "');";
var song = $("<div>"+list_html+"</div>");
var image_attr = "style";
if(_song_info.hasOwnProperty("start") && _song_info.hasOwnProperty("end")) {
@@ -968,13 +972,18 @@ var List = {
attr = ".vote-container";
del_attr = "delete_button";
var img = new Image();
img.onerror = function() {
setTimeout(function() {
socket.emit("error_video", {channel: chan.toLowerCase(), id: video_id, title: video_title});
}, 500);
};
img.src = "//img.youtube.com/vi/"+video_id+"/mqdefault.jpg";
var url = "https://zoff.me:8081/https://img.youtube.com/vi/"+video_id+"/mqdefault.jpg";
$.ajax({
type: "HEAD",
url: url,
error: function(e) {
if(e.status == 404) {
setTimeout(function() {
socket.emit("error_video", {channel: chan.toLowerCase(), id: video_id, title: video_title});
}, 500);
}
}
});
var _temp_duration = Helper.secondsToOther(_song_info.duration);
song.find(".card-duration").text(Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]));
@@ -1011,6 +1020,7 @@ var List = {
song.find(".list-title").attr("title", video_title);
song.find(attr).attr("data-video-id", video_id);
song.find(".list-image").attr(image_attr,video_thumb);
song.find(".list-image-placeholder").attr("src", video_thumb_url);
song.find(".list-suggested-image").attr(image_attr,video_thumb);
song.find("."+del_attr).attr("data-video-id", video_id);
return song.html();

3
server/public/partials/channel/playlist.handlebars
View File

@@ -3,8 +3,7 @@
<div id="list-song" class="card left-align list-song playlist-element waves-effect waves-light">
<div class="clickable vote-container" title="Vote!">
<a class="clickable center-align votebg">
<span class="lazy card-image cardbg list-image" style="background-image:url('/assets/images/loading.png');">
</span>
<span class="card-image cardbg list-image" style="background-image:url('/assets/images/loading.png');"></span>
<span class="card-duration">
01:00
</span>