fix: subtitles line breaks

Stremio · Jan 19, 2024 · cdbcef3 · cdbcef3
1 parent c368992
commit cdbcef3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/TizenVideo/TizenVideo.js b/src/TizenVideo/TizenVideo.js
@@ -43,6 +43,7 @@ function TizenVideo(options) {
 
     function renderSubtitle(duration, text) {
         if (disabledSubs) return;
+
         // we ignore custom delay here, it's not needed for embedded subs
         lastSub = {
             duration: duration,
@@ -60,9 +61,10 @@ function TizenVideo(options) {
 
         subtitlesElement.style.bottom = offset + '%';
         var cueNode = document.createElement('span');
-        cueNode.innerHTML = text;
+        cueNode.innerHTML = text.replaceAll('<br>', '\n');
         cueNode.style.display = 'inline-block';
         cueNode.style.padding = '0.2em';
+        cueNode.style.whiteSpace = 'pre-wrap';
         cueNode.style.fontSize = Math.floor(size / 25) + 'vmin';
         cueNode.style.color = textColor;
         cueNode.style.backgroundColor = backgroundColor;

diff --git a/src/withHTMLSubtitles/withHTMLSubtitles.js b/src/withHTMLSubtitles/withHTMLSubtitles.js
@@ -77,6 +77,7 @@ function withHTMLSubtitles(Video) {
             subtitlesRenderer.render(cuesByTime, videoState.time + delay).forEach(function(cueNode) {
                 cueNode.style.display = 'inline-block';
                 cueNode.style.padding = '0.2em';
+                cueNode.style.whiteSpace = 'pre-wrap';
                 cueNode.style.fontSize = Math.floor(size / 25) + 'vmin';
                 cueNode.style.color = textColor;
                 cueNode.style.backgroundColor = backgroundColor;