以下代码以top-bottom样式显示image和audio:
以下是测试代码:
import librosa
import matplotlib.pyplot as plt
import IPython.display as ipd
def plot_it(name, audio, sample_rate):
plt.figure(figsize=(8, 1))
plt.plot(audio)
plt.gca().set_title(name)
plt.show()
ipd.display(ipd.Audio(data=audio, rate=sample_rate))
是否可以将"top-bottom"样式更改为"left-right"样式以在plt图的右侧显示audio？
可以使用与matplotlib的GridSpec类似的GridspecLayout.为了直接输出到所需的网格单元中，您可以使用Output小部件捕获它:
import librosa
import matplotlib.pyplot as plt
import IPython.display as ipd
from ipywidgets import Output, GridspecLayout
def plot_it(name, audio, sample_rate):
grid = GridspecLayout(1, 2, align_items='center')
out = Output()
with out:
fig, ax = plt.subplots(figsize=(8, 1))
ax.plot(audio)
ax.set_title(name)
plt.close(fig)
ipd.display(ax.figure)
grid[0, 0] = out
out = Output()
with out:
ipd.display(ipd.Audio(data=audio, rate=sample_rate))
grid[0, 1] = out
ipd.display(grid)
name = 'nutcracker'
filename = librosa.example(name)
y, sr = librosa.load(filename)
plot_it(name, y, sr)
(必须关闭figure，否则会有两倍的图形输出.使用OOP比pyplot接口更容易做到这一点，这就是为什么我稍微更改了matplotlib代码的原因)