#%pip install –upgrade ipywidgets
#!jupyter nbextension enable –py widgetsnbextension

#%pip install jp_proxy_widget

import jp_proxy_widget

widget = jp_proxy_widget.JSProxyWidget()

js = “https://unpkg.com/wavesurfer.js”
js2=”https://unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.spectrogram.min.js”
url = “https://ia902606.us.archive.org/35/items/shortpoetry_047_librivox/song_cjrg_teasdale_64kb.mp3”

widget.load_js_files([js, js2])

widget.js_init(“””
element.empty();

element.wavesurfer = WaveSurfer.create({
container: element[0],
waveColor: ‘violet’,
progressColor: ‘purple’,
loaderColor: ‘purple’,
cursorColor: ‘navy’,
minPxPerSec: 100,
scrollParent: true,
plugins: [
WaveSurfer.spectrogram.create({
wavesurfer: element.wavesurfer,
container: element[0],
fftSamples:512,
labels: true
})
]
});

element.wavesurfer.load(url);

element.wavesurfer.on(‘ready’, function () {
element.wavesurfer.play();
});
“””, url=url)

widget

#It would probably make sense to wire up these commands to upywidgets buttons…
#widget.element.wavesurfer.pause()
#widget.element.wavesurfer.play(0)