Add captions to embedded videos

This commit is contained in:
Omar Roth 2018-08-02 17:08:33 -05:00
parent 42405a34f1
commit a12690cbfd
3 changed files with 20 additions and 10 deletions

View file

@ -1440,6 +1440,12 @@ get "/embed/:id" do |env|
next templated "error"
end
player_response = JSON.parse(video.info["player_response"])
if player_response["captions"]?
captions = player_response["captions"]["playerCaptionsTracklistRenderer"]["captionTracks"]?.try &.as_a
end
captions ||= [] of JSON::Any
if video.info["hlsvp"]?
hlsvp = video.info["hlsvp"]

View file

@ -728,7 +728,7 @@ def fill_links(html, scheme, host)
end
end
html = html.to_xml
html = html.xpath_node(%q(//p[@id="eow-description"])).not_nil!.to_xml
end
def login_req(login_form, f_req)

View file

@ -55,9 +55,13 @@ video, #my_video, .video-js, .vjs-default-skin
<% else %>
<source src="<%= fmt["url"] %>" type='<%= fmt["type"] %>' label="<%= fmt["label"] %>" selected="<%= i == 0 ? true : false %>">
<% end %>
<% captions.each do |caption| %>
<track kind="captions" src="/api/v1/captions/<%= video.id %>?label=<%= caption["name"]["simpleText"] %>"
srclang="<%= caption["languageCode"] %>" label="<%= caption["name"]["simpleText"]%> ">
<% end %>
<% end %>
<% end %>
<% end %>
</video>
<script>
@ -132,7 +136,7 @@ var player = videojs('player', options, function() {
player.share(shareOptions);
<% if video_start > 0 || video_end > 0 %>
<%- if video_start > 0 || video_end > 0 -%>
player.markers({
onMarkerReached: function(marker) {
if (marker.text === 'End') {
@ -145,18 +149,18 @@ player.markers({
},
markers: [
{time: <%= video_start %>, text: 'Start'},
<% if video_end < 0 %>
<%- if video_end < 0 -%>
{time: <%= video.info["length_seconds"].to_f - 0.5 %>, text: 'End'}
<% else %>
<%- else -%>
{time: <%= video_end %>, text: 'End'}
<% end %>
<%- end -%>
]
});
player.currentTime(<%= video_start %>);
<% end %>
<%- end -%>
<% if !listen %>
<%- if !listen -%>
var currentSources = player.currentSources();
for ( var i = 0; i < currentSources.length; i++ ) {
if (player.canPlayType(currentSources[i]['type'].split(';')[0]) === '') {
@ -166,7 +170,7 @@ for ( var i = 0; i < currentSources.length; i++ ) {
}
player.src(currentSources);
<% end %>
<%- end -%>
</script>
</body>