From fc1c3835501b97e5d15ac33bd812cd87b20aabad Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 6 Jun 2018 15:36:03 +0200
Subject: compute number of frames that will be generated

---
 app/client/modules/pix2wav/views/spectrogram.upload.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'app/client/modules/pix2wav/views')

diff --git a/app/client/modules/pix2wav/views/spectrogram.upload.js b/app/client/modules/pix2wav/views/spectrogram.upload.js
index 7d2be1f..40e6159 100644
--- a/app/client/modules/pix2wav/views/spectrogram.upload.js
+++ b/app/client/modules/pix2wav/views/spectrogram.upload.js
@@ -96,6 +96,9 @@ class SpectrogramUpload extends Component {
   renderMetadata(file){
     const { duration } = this.state
     const size = util.hush_size(file.size)
+    const total_frame_count = (duration * 44100 - wav2pixActions.FRAME_LENGTH) / this.state.frame_step
+    const frame_size = Math.round(wav2pixActions.FRAME_LENGTH / 44100 * 1000) + ' ms.'
+    const frame_step = Math.round(this.state.frame_step / 44100 * 1000) + ' ms.'
     return (
       <div className='fileMetadata'>
         {file.size > 2 << 20 &&
@@ -108,6 +111,9 @@ 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>
+          <Param title='Frames'>{Math.floor(total_frame_count)}</Param>
+          <Param title='Frame Size'>{frame_size}</Param>
+          <Param title='Frame Step'>{frame_step}</Param>
           <br />
           <Param title='Status'>{this.props.pix2wav.status}</Param>
           <br />
@@ -119,8 +125,8 @@ class SpectrogramUpload extends Component {
             value={this.state.name}
           />
           <Slider
-            name='max frame count'
-            min={10} max={500} type='int'
+            name='Frame cutoff'
+            min={10} max={1000} type='int'
             value={this.state.max}
             onChange={max => this.setState({ max })}
           />
-- 
cgit v1.2.3-70-g09d2