diff --git a/vocodes/src/v2/tts_result_view/SpectrogramFc.tsx b/vocodes/src/v2/tts_result_view/SpectrogramFc.tsx index 804a4b30d4..629eab3b12 100644 --- a/vocodes/src/v2/tts_result_view/SpectrogramFc.tsx +++ b/vocodes/src/v2/tts_result_view/SpectrogramFc.tsx @@ -9,8 +9,7 @@ interface Props { interface SpectrogramResponse { mel: Array>, - mel_postnet: Array>, - mel_for_scaling: Array>, + mel_scaled: Array>, } const COLOR_MAP_PRESETS = [ @@ -65,10 +64,10 @@ function SpectrogramFc(props: Props) { console.log('got spectrogram', res); let spectrograms = res as SpectrogramResponse; - let width = spectrograms.mel_for_scaling.length; - let height = spectrograms.mel_for_scaling[0].length; + let width = spectrograms.mel_scaled.length; + let height = spectrograms.mel_scaled[0].length; - let pixels = linearizeImage(spectrograms.mel_for_scaling); + let pixels = linearizeImage(spectrograms.mel_scaled); var image = new ImageData(pixels, width, height); const canvas = canvasRef.current as any; diff --git a/vocodes/src/v2/tts_result_view/TtsResultViewFc.tsx b/vocodes/src/v2/tts_result_view/TtsResultViewFc.tsx index 25c9e93bbd..b097b86123 100644 --- a/vocodes/src/v2/tts_result_view/TtsResultViewFc.tsx +++ b/vocodes/src/v2/tts_result_view/TtsResultViewFc.tsx @@ -139,7 +139,10 @@ function TtsResultViewFc(props: Props) { audio element. - +
+ +
Download File @@ -147,13 +150,13 @@ function TtsResultViewFc(props: Props) {
-

Spectrogram

+

Spectrogram



-

Details

+

Spectrogram

diff --git a/vocodes/src/v2/w2l_result_view/W2lResultViewFc.tsx b/vocodes/src/v2/w2l_result_view/W2lResultViewFc.tsx index 874e53f1c8..8a619f0c03 100644 --- a/vocodes/src/v2/w2l_result_view/W2lResultViewFc.tsx +++ b/vocodes/src/v2/w2l_result_view/W2lResultViewFc.tsx @@ -75,6 +75,7 @@ function W2lResultViewFc(props: Props) { let videoLink = `https://storage.googleapis.com/dev-vocodes-public${w2lInferenceResult?.public_bucket_video_path}`; let templateLink = `/w2l/${w2lInferenceResult.maybe_w2l_template_token}`; + let videoDownloadFilename = `vocodes-${w2lInferenceResult.w2l_result_token.replace(':', '')}.mp4`; let durationSeconds = w2lInferenceResult?.duration_millis / 1000; @@ -125,6 +126,19 @@ function W2lResultViewFc(props: Props) { Your device doesn't support video. +
+
+ + Download File + + +
+
+ +

Details

+