From 2db75c958876dca7e301ea387180342fc11d25a6 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 19 Nov 2020 16:35:06 +0100
Subject: implement audio volume fades within the skeleton dance video

---
 .../annotationForms/annotationForm.video.js        | 25 ++++++++++++++++++++++
 .../annotations/annotationForms/index.js           |  2 ++
 2 files changed, 27 insertions(+)

(limited to 'animism-align/frontend/app/views/align/components/annotations/annotationForms')

diff --git a/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.video.js b/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.video.js
index 56bb4ab..a947e2a 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.video.js
+++ b/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.video.js
@@ -125,3 +125,28 @@ export const AnnotationFormVideo = ({ annotation, media, handleSettingsSelect, h
     </div>
   )
 }
+
+export const AnnotationFormVideoSetVolume = ({ annotation, handleSettingsChange }) => {
+  return (
+    <div className='options'>
+      <TextInput
+        title="Volume"
+        name="volume"
+        className="number"
+        placeholder="1.0"
+        data={annotation.settings}
+        onChange={handleSettingsChange}
+        autoComplete="off"
+      />
+      <TextInput
+        title="Fade Time"
+        name="duration"
+        className="number"
+        placeholder="0:01"
+        data={annotation.settings}
+        onChange={handleSettingsChange}
+        autoComplete="off"
+      />
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js b/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js
index 7b95332..8a1be48 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js
+++ b/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js
@@ -7,6 +7,7 @@ import {
 
 import {
   AnnotationFormVideo,
+  AnnotationFormVideoSetVolume,
 } from './annotationForm.video'
 
 import {
@@ -31,6 +32,7 @@ export const annotationFormLookup = {
 
   image: AnnotationFormImage,
   video: AnnotationFormVideo,
+  video_set_volume: AnnotationFormVideoSetVolume,
 
   gallery: AnnotationFormGallery,
   carousel: AnnotationFormGallery,
-- 
cgit v1.2.3-70-g09d2