audio_documentation.py 980 B

1234567891011121314151617181920212223
  1. from nicegui import ui
  2. from ...model import UiElementDocumentation
  3. class AudioDocumentation(UiElementDocumentation, element=ui.audio):
  4. def main_demo(self) -> None:
  5. a = ui.audio('https://cdn.pixabay.com/download/audio/2022/02/22/audio_d1718ab41b.mp3')
  6. a.on('ended', lambda _: ui.notify('Audio playback completed'))
  7. ui.button(on_click=lambda: a.props('muted'), icon='volume_off').props('outline')
  8. ui.button(on_click=lambda: a.props(remove='muted'), icon='volume_up').props('outline')
  9. def more(self) -> None:
  10. @self.demo('Control the audio element', '''
  11. This demo shows how to play, pause and seek programmatically.
  12. ''')
  13. def control_demo() -> None:
  14. a = ui.audio('https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3')
  15. ui.button('Play', on_click=a.play)
  16. ui.button('Pause', on_click=a.pause)
  17. ui.button('Jump to 0:30', on_click=lambda: a.seek(30))