Reflex | Audio

✨ Reflex is in Hosting Alpha! Learn more here. ✨

Docs Blog Gallery

Search documentation...

Star

13k+

[ Learn ]

Getting Started

Tutorial

[ Concepts ]

[ Reference ]

API Reference

Recipes

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="auto",
)

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

Audio

Audio component share with Video component.

Props

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

Base Event Triggers

← Spinner Avatar →

[ Learn ]

[ Concepts ]

[ Reference ]

[ Core Charts ]

[ Core Helpers ]

[ Other Graphing ]

Audio

Audio

Props

Base Event Triggers

.css-1ibpn7w{color:#DACEEE;}[ Learn ]

[ Concepts ]

[ Reference ]

[ Core Charts ]

[ Core Helpers ]

[ Other Graphing ]

Audio

Audio

Props

Base Event Triggers

[ Learn ]