jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fully implement ugoira js player, upgrade jquery and jquery-ui

Browse Source
This commit is contained in:
r888888888
2014-10-16 15:41:18 -07:00
parent 4c73fb9f79
commit 5f063d693a
33 changed files with 196 additions and 619 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/views/posts/partials/show/_ugoira.html.erb
View File

@@ -1,5 +1,7 @@
<%= content_tag(:canvas, nil, :width => post.image_width, :height => post.image_height, :id => "ugoira-canvas") %>
<div id="progressbar"></div>
<p>
<%= link_to "Play", "#", :id => "ugoira-play" %>
| <%= link_to "Pause", "#", :id => "ugoira-pause" %>
@@ -34,10 +36,30 @@
$(function() {
Danbooru.Ugoira.create_player();
$("#ugoira-play").click(function() {Danbooru.Ugoira.player.play();})
$("#ugoira-pause").click(function() {Danbooru.Ugoira.player.pause();})
$("#ugoira-rewind").click(function() {Danbooru.Ugoira.player.rewind();})
$("#ugoira-stop").click(function() {Danbooru.Ugoira.player.stop();})
$(Danbooru.Ugoira.player).on("loadProgress", function(ev, progress) {
$("#progressbar").progressbar({value: progress * 100});
});
$(Danbooru.Ugoira.player).on("loadingStateChanged", function(ev, state) {
if (state === 2) {
$("#progressbar").remove();
}
});
$("#ugoira-play").click(function(e) {
Danbooru.Ugoira.player.play();
e.preventDefault();
})
$("#ugoira-pause").click(function(e) {
Danbooru.Ugoira.player.pause();
e.preventDefault();
});
$("#ugoira-rewind").click(function(e) {
Danbooru.Ugoira.player.rewind();
e.preventDefault();
});
$("#ugoira-stop").click(function(e) {
Danbooru.Ugoira.player.stop();
e.preventDefault();
});
});
</script>
<% end %>

2
app/views/posts/partials/show/_video.html.erb
View File

@@ -1,3 +1,3 @@
<%= content_tag(:video, nil, :width => post.image_width, :height => post.image_height, :autoplay => true, :loop => true, :src => post.file_url) %>
<p><%= link_to "Save this video (right click and save)", post.file_url %></p>
<p><%= link_to "Save this video (right click and save)", post.large_file_url %></p>