starting frame offset

1 files changed, 18 insertions, 6 deletions

diff --git a/app/client/modules/pix2wav/views/spectrogram.upload.js b/app/client/modules/pix2wav/views/spectrogram.upload.js
index 609c5e8..8dbff21 100644
--- a/app/client/modules/pix2wav/views/spectrogram.upload.js
+++ b/app/client/modules/pix2wav/views/spectrogram.upload.js
@@ -25,6 +25,7 @@ class SpectrogramUpload extends Component {
       pcm: null,
       name: "",
       frames: [],
+      frame_start: 0,
       max: 3000,
       frame_step: wav2pixActions.FRAME_STEP,
     }
@@ -53,8 +54,8 @@ class SpectrogramUpload extends Component {
     console.log(file.size)
   }
   rebuildFrames(){
-    const { file, pcm, frame_step } = this.state
-    this.props.wav2pix.renderFrames(pcm || file, { frame_step })
+    const { file, pcm, frame_step, frame_start } = this.state
+    this.props.wav2pix.renderFrames(pcm || file, { frame_start, frame_step })
     .then(data => {
       console.log('got frames', data.frames.length)
       this.setState({
@@ -65,15 +66,15 @@ class SpectrogramUpload extends Component {
     })
   }
   buildZip(){
-    const { pcm, file, max, frame_step } = this.state
-    this.props.wav2pix.buildZip(this.state.name, pcm || file, { frame_step, max })
+    const { pcm, file, max, frame_step, frame_start } = this.state
+    this.props.wav2pix.buildZip(this.state.name, pcm || file, { frame_start, frame_step, max })
     .then(({ zip, filename, count }) => {
       this.props.datasetActions.uploadFile(
         this.props.module,
         this.props.folder,
         zip,
         filename,
-        { count, max, frame_step }
+        { count, max, frame_step, frame_size: wav2pixActions.FRAME_LENGTH / 44100 }
       )
     })
   }
@@ -124,11 +125,11 @@ class SpectrogramUpload extends Component {
           <Param title='Size'><span className={size[0]}>{size[1]}</span></Param>
           <Param title='Date'>{moment(file.lastModifiedDate).format("YYYY-MM-DD h:mm a")}</Param>
           <Param title='Duration'>{Math.floor(duration) + ' s.'}</Param>
+          <br />
           <Param title='Frames'>{total_frame_count}</Param>
           <Param title='Frame Size'>{frame_size}</Param>
           <Param title='Frame Step'>{frame_step}</Param>
           <Param title='FFT Size'>{wav2pixActions.spectrum.fft_size}</Param>
-
           <br />
           <Param title='Status'>{this.props.pix2wav.status}</Param>
           <br />
@@ -140,6 +141,17 @@ class SpectrogramUpload extends Component {
             value={this.state.name}
           />
           <Slider
+            name='Starting Frame'
+            min={0} max={1} type='float'
+            value={this.state.frame_start}
+            defaultValue={0}
+            onChange={frame_start => {
+              this.setState({ frame_start }, () => {
+                this.rebuildFrames()
+              })
+            }}
+          />
+          <Slider
             name='No. Frames'
             min={10} max={Math.min(total_frame_count, 1000)} type='int'
             value={this.state.max}