Add files via upload

app.py

@@ -1,58 +1,17 @@
 # -*- coding: utf-8 -*-
-"""Pitch Detection with SPICE
+"""app.ipynb
 
 Automatically generated by Colaboratory.
 
 Original file is located at
-    https://colab.research.google.com/github/tensorflow/hub/blob/master/examples/colab/spice.ipynb
-
-##### Copyright 2020 The TensorFlow Hub Authors.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-"""
-
-#@title Copyright 2020 The TensorFlow Hub Authors. All Rights Reserved.
-#
-# Licensed under the Apache License, Version 2.0 (the "License");
-# you may not use this file except in compliance with the License.
-# You may obtain a copy of the License at
-#
-#     http://www.apache.org/licenses/LICENSE-2.0
-#
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-# See the License for the specific language governing permissions and
-# limitations under the License.
-# ==============================================================================
-
-"""<table class="tfo-notebook-buttons" align="left">
-  <td>
-    <a target="_blank" href="https://www.tensorflow.org/hub/tutorials/spice"><img src="https://www.tensorflow.org/images/tf_logo_32px.png" />View on TensorFlow.org</a>
-  </td>
-  <td>
-    <a target="_blank" href="https://colab.research.google.com/github/tensorflow/hub/blob/master/examples/colab/spice.ipynb"><img src="https://www.tensorflow.org/images/colab_logo_32px.png" />Run in Google Colab</a>
-  </td>
-  <td>
-    <a target="_blank" href="https://github.com/tensorflow/hub/blob/master/examples/colab/spice.ipynb"><img src="https://www.tensorflow.org/images/GitHub-Mark-32px.png" />View on GitHub</a>
-  </td>
-  <td>
-    <a href="https://storage.googleapis.com/tensorflow_docs/hub/examples/colab/spice.ipynb"><img src="https://www.tensorflow.org/images/download_logo_32px.png" />Download notebook</a>
-  </td>
-  <td>
-    <a href="https://tfhub.dev/google/spice/2"><img src="https://www.tensorflow.org/images/hub_logo_32px.png" />See TF Hub model</a>
-  </td>
-</table>
-
-# Pitch Detection with SPICE
-
-This colab will show you how to use the SPICE model downloaded from TensorFlow Hub.
+    https://colab.research.google.com/drive/1jcyaKIPrnAlKT1SCk8TlzLNezLvRcM1s
 """
 
 !sudo apt-get install -q -y timidity libsndfile1
-
-# All the imports to deal with sound data
 !pip install pydub numba==0.48 librosa music21
+!pip install -q gradio
+
+import gradio as gr
 
 import tensorflow as tf
 import tensorflow_hub as hub
@@ -74,152 +33,14 @@ from base64 import b64decode
 
 import music21
 from pydub import AudioSegment
-
-logger = logging.getLogger()
-logger.setLevel(logging.ERROR)
-
-print("tensorflow: %s" % tf.__version__)
-#print("librosa: %s" % librosa.__version__)
-
-"""# The audio input file
-Now the hardest part: Record your singing! :)
-
-We provide four methods to obtain an audio file:
-
-1.   Record audio directly in colab
-2.   Upload from your computer
-3.   Use a file saved on Google Drive
-4.   Download the file from the web
-
-Choose one of the four methods below.
-"""
-
-#@title [Run this] Definition of the JS code to record audio straight from the browser
-
-RECORD = """
-const sleep  = time => new Promise(resolve => setTimeout(resolve, time))
-const b2text = blob => new Promise(resolve => {
-  const reader = new FileReader()
-  reader.onloadend = e => resolve(e.srcElement.result)
-  reader.readAsDataURL(blob)
-})
-var record = time => new Promise(async resolve => {
-  stream = await navigator.mediaDevices.getUserMedia({ audio: true })
-  recorder = new MediaRecorder(stream)
-  chunks = []
-  recorder.ondataavailable = e => chunks.push(e.data)
-  recorder.start()
-  await sleep(time)
-  recorder.onstop = async ()=>{
-    blob = new Blob(chunks)
-    text = await b2text(blob)
-    resolve(text)
-  }
-  recorder.stop()
-})
-"""
-
-def record(sec=5):
-  try:
-    from google.colab import output
-  except ImportError:
-    print('No possible to import output from google.colab')
-    return ''
-  else:
-    print('Recording')
-    display(Javascript(RECORD))
-    s = output.eval_js('record(%d)' % (sec*1000))
-    fname = 'recorded_audio.wav'
-    print('Saving to', fname)
-    b = b64decode(s.split(',')[1])
-    with open(fname, 'wb') as f:
-      f.write(b)
-    return fname
-
-#@title Select how to input your audio  { run: "auto" }
-INPUT_SOURCE = 'https://storage.googleapis.com/download.tensorflow.org/data/c-scale-metronome.wav' #@param ["https://storage.googleapis.com/download.tensorflow.org/data/c-scale-metronome.wav", "RECORD", "UPLOAD", "./drive/My Drive/YOUR_MUSIC_FILE.wav"] {allow-input: true}
-
-print('You selected', INPUT_SOURCE)
-
-if INPUT_SOURCE == 'RECORD':
-  uploaded_file_name = record(5)
-elif INPUT_SOURCE == 'UPLOAD':
-  try:
-    from google.colab import files
-  except ImportError:
-    print("ImportError: files from google.colab seems to not be available")
-  else:
-    uploaded = files.upload()
-    for fn in uploaded.keys():
-      print('User uploaded file "{name}" with length {length} bytes'.format(
-          name=fn, length=len(uploaded[fn])))
-    uploaded_file_name = next(iter(uploaded))
-    print('Uploaded file: ' + uploaded_file_name)
-elif INPUT_SOURCE.startswith('./drive/'):
-  try:
-    from google.colab import drive
-  except ImportError:
-    print("ImportError: files from google.colab seems to not be available")
-  else:
-    drive.mount('/content/drive')
-    # don't forget to change the name of the file you
-    # will you here!
-    gdrive_audio_file = 'YOUR_MUSIC_FILE.wav'
-    uploaded_file_name = INPUT_SOURCE
-elif INPUT_SOURCE.startswith('http'):
-  !wget --no-check-certificate 'https://storage.googleapis.com/download.tensorflow.org/data/c-scale-metronome.wav' -O c-scale.wav
-  uploaded_file_name = 'c-scale.wav'
-else:
-  print('Unrecognized input format!')
-  print('Please select "RECORD", "UPLOAD", or specify a file hosted on Google Drive or a file from the web to download file to download')
-
-"""# Preparing the audio data
-
-Now we have the audio, let's convert it to the expected format and then listen to it!
-
-The SPICE model needs as input an audio file at a sampling rate of 16kHz and with only one channel (mono). 
-
-To help you with this part, we created a function (`convert_audio_for_model`) to convert any wav file you have to the model's expected format:
-"""
-
-# Function that converts the user-created audio to the format that the model 
-# expects: bitrate 16kHz and only one channel (mono).
+from IPython.core.display import display, HTML, Javascript
+import json, random
 
 EXPECTED_SAMPLE_RATE = 16000
-
-def convert_audio_for_model(user_file, output_file='converted_audio_file.wav'):
-  audio = AudioSegment.from_file(user_file)
-  audio = audio.set_frame_rate(EXPECTED_SAMPLE_RATE).set_channels(1)
-  audio.export(output_file, format="wav")
-  return output_file
-
-# Converting to the expected format for the model
-# in all the input 4 input method before, the uploaded file name is at
-# the variable uploaded_file_name
-converted_audio_file = convert_audio_for_model(uploaded_file_name)
-
-# Loading audio samples from the wav file:
-sample_rate, audio_samples = wavfile.read(converted_audio_file, 'rb')
-
-# Show some basic information about the audio.
-duration = len(audio_samples)/sample_rate
-print(f'Sample rate: {sample_rate} Hz')
-print(f'Total duration: {duration:.2f}s')
-print(f'Size of the input: {len(audio_samples)}')
-
-# Let's listen to the wav file.
-Audio(audio_samples, rate=sample_rate)
-
-"""First thing, let's take a look at the waveform of our singing."""
-
-# We can visualize the audio as a waveform.
-_ = plt.plot(audio_samples)
-
-"""A more informative visualization is the [spectrogram](https://en.wikipedia.org/wiki/Spectrogram), which shows frequencies present over time.
-
-Here, we use a logarithmic frequency scale, to make the singing more clearly visible.
-
-"""
+MAX_ABS_INT16 = 32768.0
+A4 = 440
+C0 = A4 * pow(2, -4.75)
+note_names = ["C", "C#", "D", "D#", "E", "F", "F#", "G", "G#", "A", "A#", "B"]
 
 MAX_ABS_INT16 = 32768.0
 
@@ -235,69 +56,51 @@ def plot_stft(x, sample_rate, show_black_and_white=False):
     librosadisplay.specshow(data=x_stft_db, y_axis='log', sr=sample_rate)
 
   plt.colorbar(format='%+2.0f dB')
+  return fig
 
-plot_stft(audio_samples / MAX_ABS_INT16 , sample_rate=EXPECTED_SAMPLE_RATE)
-plt.show()
-
-"""We need one last conversion here. The audio samples are in int16 format. They need to be normalized to floats between -1 and 1."""
-
-audio_samples = audio_samples / float(MAX_ABS_INT16)
-
-"""# Executing the Model
-Now is the easy part, let's load the model with **TensorFlow Hub**, and feed the audio to it.
-SPICE will give us two outputs: pitch and uncertainty
-
-**TensorFlow Hub** is a library for the publication, discovery, and consumption of reusable parts of machine learning models. It makes easy to use machine learning to solve your challenges.
-
-To load the model you just need the Hub module and the URL pointing to the model:
-"""
-
-# Loading the SPICE model is easy:
-model = hub.load("https://tfhub.dev/google/spice/2")
-
-"""**Note:** An interesting detail here is that all the model urls from Hub can be used for download and also to read the documentation, so if you point your browser to that link you can read documentation on how to use the model and learn more about how it was trained.
-
-With the model loaded, data prepared, we need 3 lines to get the result:
-"""
-
-# We now feed the audio to the SPICE tf.hub model to obtain pitch and uncertainty outputs as tensors.
-model_output = model.signatures["serving_default"](tf.constant(audio_samples, tf.float32))
-
-pitch_outputs = model_output["pitch"]
-uncertainty_outputs = model_output["uncertainty"]
-
-# 'Uncertainty' basically means the inverse of confidence.
-confidence_outputs = 1.0 - uncertainty_outputs
-
-fig, ax = plt.subplots()
-fig.set_size_inches(20, 10)
-plt.plot(pitch_outputs, label='pitch')
-plt.plot(confidence_outputs, label='confidence')
-plt.legend(loc="lower right")
-plt.show()
-
-"""Let's make the results easier to understand by removing all pitch estimates with low confidence (confidence < 0.9) and plot the remaining ones.
-
-
-"""
-
-confidence_outputs = list(confidence_outputs)
-pitch_outputs = [ float(x) for x in pitch_outputs]
-
-indices = range(len (pitch_outputs))
-confident_pitch_outputs = [ (i,p)  
-  for i, p, c in zip(indices, pitch_outputs, confidence_outputs) if  c >= 0.9  ]
-confident_pitch_outputs_x, confident_pitch_outputs_y = zip(*confident_pitch_outputs)
- 
-fig, ax = plt.subplots()
-fig.set_size_inches(20, 10)
-ax.set_ylim([0, 1])
-plt.scatter(confident_pitch_outputs_x, confident_pitch_outputs_y, )
-plt.scatter(confident_pitch_outputs_x, confident_pitch_outputs_y, c="r")
-
-plt.show()
-
-"""The pitch values returned by SPICE are in the range from 0 to 1. Let's convert them to absolute pitch values in Hz."""
+def showScore(score):
+    xml = open(score.write('musicxml')).read()
+    showMusicXML(xml)
+    
+def showMusicXML(score):
+    xml = open(score.write('musicxml')).read()
+    DIV_ID = "OSMD_div"
+    display(HTML('<div id="'+DIV_ID+'">loading OpenSheetMusicDisplay</div>'))
+    script = """
+    var div_id = {{DIV_ID}};
+    function loadOSMD() { 
+        return new Promise(function(resolve, reject){
+            if (window.opensheetmusicdisplay) {
+                return resolve(window.opensheetmusicdisplay)
+            }
+            // OSMD script has a 'define' call which conflicts with requirejs
+            var _define = window.define // save the define object 
+            window.define = undefined // now the loaded script will ignore requirejs
+            var s = document.createElement( 'script' );
+            s.setAttribute( 'src', "https://cdn.jsdelivr.net/npm/opensheetmusicdisplay@0.7.6/build/opensheetmusicdisplay.min.js" );
+            //s.setAttribute( 'src', "/custom/opensheetmusicdisplay.js" );
+            s.onload=function(){
+                window.define = _define
+                resolve(opensheetmusicdisplay);
+            };
+            document.body.appendChild( s ); // browser will try to load the new script tag
+        }) 
+    }
+    loadOSMD().then((OSMD)=>{
+        window.openSheetMusicDisplay = new OSMD.OpenSheetMusicDisplay(div_id, {
+          drawingParameters: "compacttight"
+        });
+        openSheetMusicDisplay
+            .load({{data}})
+            .then(
+              function() {
+                openSheetMusicDisplay.render();
+              }
+            );
+    })
+    """.replace('{{DIV_ID}}',DIV_ID).replace('{{data}}',json.dumps(xml))
+    display(Javascript(script))
+    return
 
 def output2hz(pitch_output):
   # Constants taken from https://tfhub.dev/google/spice/2
@@ -307,65 +110,6 @@ def output2hz(pitch_output):
   BINS_PER_OCTAVE = 12.0;
   cqt_bin = pitch_output * PT_SLOPE + PT_OFFSET;
   return FMIN * 2.0 ** (1.0 * cqt_bin / BINS_PER_OCTAVE)
-    
-confident_pitch_values_hz = [ output2hz(p) for p in confident_pitch_outputs_y ]
-
-"""Now, let's see how good the prediction is: We will overlay the predicted pitches over the original spectrogram. To make the pitch predictions more visible, we changed the spectrogram to black and white."""
-
-plot_stft(audio_samples / MAX_ABS_INT16 , 
-          sample_rate=EXPECTED_SAMPLE_RATE, show_black_and_white=True)
-# Note: conveniently, since the plot is in log scale, the pitch outputs 
-# also get converted to the log scale automatically by matplotlib.
-plt.scatter(confident_pitch_outputs_x, confident_pitch_values_hz, c="r")
-
-plt.show()
-
-"""# Converting to musical notes
-
-Now that we have the pitch values, let's convert them to notes!
-This is part is challenging by itself. We have to take into account two things:
-1. the rests (when there's no singing) 
-2. the size of each note (offsets)
-
-### 1: Adding zeros to the output to indicate when there's no singing
-"""
-
-pitch_outputs_and_rests = [
-    output2hz(p) if c >= 0.9 else 0
-    for i, p, c in zip(indices, pitch_outputs, confidence_outputs)
-]
-
-"""### 2: Adding note offsets
-
-When a person sings freely, the melody may have an offset to the absolute pitch values that notes can represent.
-Hence, to convert predictions to notes, one needs to correct for this possible offset.
-This is what the following code computes.
-"""
-
-A4 = 440
-C0 = A4 * pow(2, -4.75)
-note_names = ["C", "C#", "D", "D#", "E", "F", "F#", "G", "G#", "A", "A#", "B"]
-
-def hz2offset(freq):
-  # This measures the quantization error for a single note.
-  if freq == 0:  # Rests always have zero error.
-    return None
-  # Quantized note.
-  h = round(12 * math.log2(freq / C0))
-  return 12 * math.log2(freq / C0) - h
-
-
-# The ideal offset is the mean quantization error for all the notes
-# (excluding rests):
-offsets = [hz2offset(p) for p in pitch_outputs_and_rests if p != 0]
-print("offsets: ", offsets)
-
-ideal_offset = statistics.mean(offsets)
-print("ideal offset: ", ideal_offset)
-
-"""We can now use some heuristics to try and estimate the most likely sequence of notes that were sung.
-The ideal offset computed above is one ingredient - but we also need to know the speed (how many predictions make, say, an eighth?), and the time offset to start quantizing.  To keep it simple, we'll just try different speeds and time offsets and measure the quantization error, using in the end the values that minimize this error.
-"""
 
 def quantize_predictions(group, ideal_offset):
   # Group values are either 0, or a pitch in Hz.
@@ -415,123 +159,161 @@ def get_quantization_and_error(pitch_outputs_and_rests, predictions_per_eighth,
 
   return quantization_error, notes_and_rests
 
+def convert_audio_for_model(user_file, output_file='converted_audio_file.wav'):
+  audio = AudioSegment.from_file(user_file)
+  audio = audio.set_frame_rate(EXPECTED_SAMPLE_RATE).set_channels(1)
+  audio.export(output_file, format="wav")
+  return output_file
 
-best_error = float("inf")
-best_notes_and_rests = None
-best_predictions_per_note = None
-
-for predictions_per_note in range(20, 65, 1):
-  for prediction_start_offset in range(predictions_per_note):
-
-    error, notes_and_rests = get_quantization_and_error(
-        pitch_outputs_and_rests, predictions_per_note,
-        prediction_start_offset, ideal_offset)
-
-    if error < best_error:      
-      best_error = error
-      best_notes_and_rests = notes_and_rests
-      best_predictions_per_note = predictions_per_note
-
-# At this point, best_notes_and_rests contains the best quantization.
-# Since we don't need to have rests at the beginning, let's remove these:
-while best_notes_and_rests[0] == 'Rest':
-  best_notes_and_rests = best_notes_and_rests[1:]
-# Also remove silence at the end.
-while best_notes_and_rests[-1] == 'Rest':
-  best_notes_and_rests = best_notes_and_rests[:-1]
+def hz2offset(freq):
+  # This measures the quantization error for a single note.
+    if freq == 0:  # Rests always have zero error.
+      return None
+  # Quantized note.
+    h = round(12 * math.log2(freq / C0))
+    return 12 * math.log2(freq / C0) - h
 
-"""Now let's write the quantized notes as sheet music score!
+def greet(uploaded_file_name):
 
-To do it we will use two libraries: [music21](http://web.mit.edu/music21/) and [Open Sheet Music Display](https://github.com/opensheetmusicdisplay/opensheetmusicdisplay)
+  converted_audio_file = convert_audio_for_model(uploaded_file_name)
+  sample_rate, audio_samples = wavfile.read(converted_audio_file, 'rb')
+  audio_samples = audio_samples / float(MAX_ABS_INT16)
 
-**Note:** for simplicity, we assume here that all notes have the same duration (a half note).
-"""
+  model = hub.load("https://tfhub.dev/google/spice/2")
+  model_output = model.signatures["serving_default"](tf.constant(audio_samples, tf.float32))
 
-# Creating the sheet music score.
-sc = music21.stream.Score()
-# Adjust the speed to match the actual singing.
-bpm = 60 * 60 / best_predictions_per_note
-print ('bpm: ', bpm)
-a = music21.tempo.MetronomeMark(number=bpm)
-sc.insert(0,a)
+  pitch_outputs = model_output["pitch"]
+  uncertainty_outputs = model_output["uncertainty"]
 
-for snote in best_notes_and_rests:   
-    d = 'half'
-    if snote == 'Rest':      
-      sc.append(music21.note.Rest(type=d))
-    else:
-      sc.append(music21.note.Note(snote, type=d))
+  # 'Uncertainty' basically means the inverse of confidence.
+  confidence_outputs = 1.0 - uncertainty_outputs
 
-#@title [Run this] Helper function to use Open Sheet Music Display (JS code) to show a music score
+  confidence_outputs = list(confidence_outputs)
+  pitch_outputs = [ float(x) for x in pitch_outputs]
 
-from IPython.core.display import display, HTML, Javascript
-import json, random
+  indices = range(len (pitch_outputs))
+  confident_pitch_outputs = [ (i,p)  
+    for i, p, c in zip(indices, pitch_outputs, confidence_outputs) if  c >= 0.9  ]
+  confident_pitch_outputs_x, confident_pitch_outputs_y = zip(*confident_pitch_outputs)
 
-def showScore(score):
-    xml = open(score.write('musicxml')).read()
-    showMusicXML(xml)
-    
-def showMusicXML(xml):
-    DIV_ID = "OSMD_div"
-    display(HTML('<div id="'+DIV_ID+'">loading OpenSheetMusicDisplay</div>'))
-    script = """
-    var div_id = {{DIV_ID}};
-    function loadOSMD() { 
-        return new Promise(function(resolve, reject){
-            if (window.opensheetmusicdisplay) {
-                return resolve(window.opensheetmusicdisplay)
-            }
-            // OSMD script has a 'define' call which conflicts with requirejs
-            var _define = window.define // save the define object 
-            window.define = undefined // now the loaded script will ignore requirejs
-            var s = document.createElement( 'script' );
-            s.setAttribute( 'src', "https://cdn.jsdelivr.net/npm/opensheetmusicdisplay@0.7.6/build/opensheetmusicdisplay.min.js" );
-            //s.setAttribute( 'src', "/custom/opensheetmusicdisplay.js" );
-            s.onload=function(){
-                window.define = _define
-                resolve(opensheetmusicdisplay);
-            };
-            document.body.appendChild( s ); // browser will try to load the new script tag
-        }) 
-    }
-    loadOSMD().then((OSMD)=>{
-        window.openSheetMusicDisplay = new OSMD.OpenSheetMusicDisplay(div_id, {
-          drawingParameters: "compacttight"
-        });
-        openSheetMusicDisplay
-            .load({{data}})
-            .then(
-              function() {
-                openSheetMusicDisplay.render();
-              }
-            );
-    })
-    """.replace('{{DIV_ID}}',DIV_ID).replace('{{data}}',json.dumps(xml))
-    display(Javascript(script))
-    return
+  pitch_outputs_and_rests = [
+    output2hz(p) if c >= 0.9 else 0
+    for i, p, c in zip(indices, pitch_outputs, confidence_outputs)
+  ]
+  
+  offsets = [hz2offset(p) for p in pitch_outputs_and_rests if p != 0]
+
+  ideal_offset = statistics.mean(offsets)
+  
+  best_error = float("inf")
+  best_notes_and_rests = None
+  best_predictions_per_note = None
+
+  for predictions_per_note in range(20, 65, 1):
+    for prediction_start_offset in range(predictions_per_note):
+
+      error, notes_and_rests = get_quantization_and_error(
+          pitch_outputs_and_rests, predictions_per_note,
+          prediction_start_offset, ideal_offset)
+
+      if error < best_error:      
+        best_error = error
+        best_notes_and_rests = notes_and_rests
+        best_predictions_per_note = predictions_per_note
+
+  # At this point, best_notes_and_rests contains the best quantization.
+  # Since we don't need to have rests at the beginning, let's remove these:
+  while best_notes_and_rests[0] == 'Rest':
+    best_notes_and_rests = best_notes_and_rests[1:]
+  # Also remove silence at the end.
+  while best_notes_and_rests[-1] == 'Rest':
+    best_notes_and_rests = best_notes_and_rests[:-1]
+
+  sc = music21.stream.Score()
+  # Adjust the speed to match the actual singing.
+  bpm = 60 * 60 / best_predictions_per_note
+  print ('bpm: ', bpm)
+  a = music21.tempo.MetronomeMark(number=bpm)
+  sc.insert(0,a)
+
+  for snote in best_notes_and_rests:   
+      d = 'half'
+      if snote == 'Rest':      
+        sc.append(music21.note.Rest(type=d))
+      else:
+        sc.append(music21.note.Note(snote, type=d))
+
+  converted_audio_file_as_midi = converted_audio_file[:-4] + '.mid'
+  fp = sc.write('midi', fp=converted_audio_file_as_midi)
+
+  wav_from_created_midi = converted_audio_file_as_midi.replace(' ', '_') + "_midioutput.wav"
+  !timidity $converted_audio_file_as_midi -Ow -o $wav_from_created_midi
+
+  #return Audio(wav_from_created_midi)
+  Audio(wav_from_created_midi)
+  # ------- PLOT 1 -------
+  fig1 = plt.figure()
+  plt.plot(audio_samples)
+
+  # ------- PLOT 2 -------
+  fig2, ax = plt.subplots()
+  fig2.set_size_inches(90, 50)
+  plt.plot(pitch_outputs, label='pitch')
+  plt.plot(confidence_outputs, label='confidence')
+  plt.legend(loc="lower right")
+
+  # ------- PLOT 3 -------
+  x = audio_samples / MAX_ABS_INT16
+  sample_rate = EXPECTED_SAMPLE_RATE
+  show_black_and_white=False
 
-# rendering the music score
-showScore(sc)
-print(best_notes_and_rests)
+  x_stft = np.abs(librosa.stft(x, n_fft=2048))
+  fig3, ax1 = plt.subplots()
+  fig3.set_size_inches(20, 10)
+  x_stft_db = librosa.amplitude_to_db(x_stft, ref=np.max)
+  if(show_black_and_white):
+    librosadisplay.specshow(data=x_stft_db, y_axis='log', 
+                             sr=sample_rate, cmap='gray_r')
+  else:
+    librosadisplay.specshow(data=x_stft_db, y_axis='log', sr=sample_rate)
 
-"""Let's convert the music notes to a MIDI file and listen to it.
+  # -------PLOT 4 -------
+  fig4, ax2 = plt.subplots()
+  fig4.set_size_inches(20, 10)
+  ax2.set_ylim([0, 1])
+  plt.scatter(confident_pitch_outputs_x, confident_pitch_outputs_y, )
+  plt.scatter(confident_pitch_outputs_x, confident_pitch_outputs_y, c="r")
 
-To create this file, we can use the stream we created before.
-"""
+  # ------- PLOT 5 -------
+  x = audio_samples / MAX_ABS_INT16
+  sample_rate = EXPECTED_SAMPLE_RATE
+  show_black_and_white=True
 
-# Saving the recognized musical notes as a MIDI file
-converted_audio_file_as_midi = converted_audio_file[:-4] + '.mid'
-fp = sc.write('midi', fp=converted_audio_file_as_midi)
+  x_stft = np.abs(librosa.stft(x, n_fft=2048))
+  fig5, ax3 = plt.subplots()
+  fig5.set_size_inches(20, 10)
+  x_stft_db = librosa.amplitude_to_db(x_stft, ref=np.max)
+  if(show_black_and_white):
+    librosadisplay.specshow(data=x_stft_db, y_axis='log', 
+                             sr=sample_rate, cmap='gray_r')
+  else:
+    librosadisplay.specshow(data=x_stft_db, y_axis='log', sr=sample_rate)
 
-wav_from_created_midi = converted_audio_file_as_midi.replace(' ', '_') + "_midioutput.wav"
-print(wav_from_created_midi)
+  confident_pitch_values_hz = [ output2hz(p) for p in confident_pitch_outputs_y ]  
+  plt.scatter(confident_pitch_outputs_x, confident_pitch_values_hz, c="r")
 
-"""To listen to it on colab, we need to convert it back to wav. An easy way of doing that is using Timidity."""
+  return fig1,fig2,fig3,fig4,fig5,wav_from_created_midi #uploaded_file_name
 
-!timidity $converted_audio_file_as_midi -Ow -o $wav_from_created_midi
+#audio = gr.inputs.Audio(source="upload",type='filepath')
 
-"""And finally, listen the audio, created from notes, created via MIDI from the predicted pitches, inferred by the model!
+audio= gr.inputs.Audio(source="upload",type='filepath')
 
-"""
+out = gr.outputs.Audio(type="auto", label='Salida')
+fig1 = gr.outputs.Plot(type="auto")
+fig2 = gr.outputs.Plot(type="auto")
+fig3 = gr.outputs.Plot(type="auto")
+fig4 = gr.outputs.Plot(type="auto")
+fig5 = gr.outputs.Plot(type="auto")
 
-Audio(wav_from_created_midi)
+iface = gr.Interface(fn=greet, inputs=audio, outputs=[fig1,fig2,fig3,fig4,fig5,out])
+iface.launch(debug=True)