Add captions to embedded videos

src/invidious.cr

@@ -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"]
 

src/invidious/helpers.cr

@@ -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)

src/invidious/views/embed.ecr

@@ -55,6 +55,10 @@ 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 %>
@@ -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>