Skip to main content

Audio bubble

This element handles the display and the play/pause functionality for an individual audio. This element uses the native embed audio element.

Properties

NameTypeDescription
srcstringURL of the audio file
autoPlaybooleanWhen set to true, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading.
loopbooleanWhen set to true, the audio player will automatically seek back to the start upon reaching the end of the audio.
mutedbooleanwhen set to true, the audio will be initially silenced.
audioStyleAudioBubbleStyleStyling properties and values of the element

AudioBubbleStyle

NameDescription
widthSets the width of the element
heightSets the height of the element
borderSets the border of the element
borderRadiusSets the border radius of the element
backgroundSets all background style properties at once, such as color, image, origin and size, or repeat method. Reference link

Usage

import '@cometchat/uikit-elements';//import the web component package.

const audioURL = "https://samplelib.com/lib/preview/mp3/sample-9s.mp3";

//use the element
<cometchat-audio-bubble src={audioURL}></cometchat-audio-bubble>