Audio Pane doesn't change size

[davies-w]

Thanks for contacting us! Please read and follow these instructions carefully, then delete this introductory text to keep your issue easy to read. Note that the issue tracker is NOT the place for usage questions and technical assistance; post those at Discourse instead. Issues without the required information below may be closed immediately.

ALL software version info

(this library, plus any other relevant software, e.g. bokeh, python, notebook, OS, browser, etc)
Colab (latest)

Description of expected behavior and the observed behavior

Nothing seems to change the size of the widget.

pn.pane.Audio(y[x1:x2], rate=sr, height='20px')

Complete, minimal, self-contained example code that reproduces the issue

import panel as pn
pn.extension()
pn.pane.Audio('https://ccrma.stanford.edu/~jos/mp3/pno-cs.mp3', name='Audio', height=10, width=200)


from IPython.display import HTML, Audio
audio_style = "<style>audio { margin-left: 35px; width: 200px; height: 10px; }</style>"
display(HTML(audio_style))
display(Audio('https://ccrma.stanford.edu/~jos/mp3/pno-cs.mp3'))

Stack traceback and/or browser JavaScript console output

Screenshots or screencasts of the bug in action

• I may be interested in making a pull request to address this

[davies-w]

Note that I included an example that shows the audio player being able to be small.

[davies-w]

I discovered that the various parameters to the Audio panel, actually only impact the outer element, but not the actual player size. So I'm assuming that's not intended, and that things like Height and Width should be passed through to the actual Audio widget

[davies-w]

Workaround (man that made me work, I'm a scientist, not a CSS jockey!)

stylesheet = """
audio {
height: 20px;
}
"""
audio = pn.pane.Audio(y[x1:x2], sample_rate=sr, stylesheets=[stylesheet])

[davies-w]

I still think this is a horrible experience, the Video Pane actually obeys the sizing controls, but Audio won't, so I'm going to keep this open, and let a maintainer decide. Note this person had the same problem, 4 years ago, and noone was able to help back then either: https://stackoverflow.com/questions/59423953/customization-of-panel-pane-audio-element