subtitle toggle button

1 files changed, 13 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
index f8a1fc6..6fa8f4e 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
@@ -71,6 +71,19 @@ export const PlayButton = ({ playing }) => {
   )
 }
 
+// subtitles
+
+export const SubtitleButton = ({ cc }) => {
+  return (
+    <div
+      className={cc ? 'cc-button on' : 'cc-button off'}
+      onClick={() => actions.audio.setCC(!cc)}
+    >
+      {'CC'}
+    </div>
+  )
+}
+
 // player current time
 
 export const PlayerTime = ({ play_ts, duration }) => (