1 files changed, 8 insertions, 2 deletions
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 })}
           />