Learn

Components

API Reference

Onboarding

Getting Started

Tutorial

Hosting

Reflex Deploy

Self Hosting

Library

/

Media

/

Audio

The audio component can display an audio given an src path as an argument. This could either be a local path from the assets folder or an external link.

rx.audio(
    url="https://www.learningcontainer.com/wp-content/uploads/2020/02/Kalimba.mp3",
    width="400px",
    height="32px",
)

If we had a local file in the assets folder named test.mp3 we could set url="/test.mp3" to view the audio file.

API Reference

Audio

Audio component share with Video component.

Prop	Type	Description
`url`	str	The url of a video or song to play
`playing`	bool	Set to true or false to pause or play the media
`loop`	bool	Set to true or false to loop the media
`controls`	bool	Set to true or false to display native player controls.
`light`	bool	Set to true to show just the video thumbnail, which loads the full player on click
`volume`	float	Set the volume of the player, between 0 and 1
`muted`	bool	Mutes the player
`width`	str	Set the width of the player: ex:640px
`height`	str	Set the height of the player: ex:640px

Event Triggers

See the full list of default event triggers

← Stack Image →

Did you find this useful?

No

Yes

Raise an issue

Edit this page

Home Gallery Changelog Introduction Hosting

Audio

API Reference

Audio