Class Audio
The audio element embeds sound content in documents. It can contain audio streams, audio files, or other audio sources. The browser will choose the most appropriate source based on format support and user preferences.
Examples:
The following convenience methods are provided for constructing instances of this bean:
HtmlBuilder
audio()
audio(Object, Object...)
See Also:
-
Constructor Summary
Constructors -
Method Summary
Modifier and TypeMethodDescriptionclass attribute.accesskey attribute.autoplay attribute.Adds a child element to this element.Adds one or more child elements to this element.contenteditable
(Object value) contenteditable attribute.controls attribute.crossorigin
(String value) crossorigin attribute.dir attribute.hidden attribute.id attribute.lang attribute.loop attribute.mediagroup
(String value) mediagroup attribute.muted attribute.onabort attribute.onblur attribute.oncancel attribute.oncanplay attribute.oncanplaythrough
(String value) oncanplaythrough attribute.onchange attribute.onclick attribute.oncuechange
(String value) oncuechange attribute.ondblclick
(String value) ondblclick attribute.ondurationchange
(String value) ondurationchange attribute.onemptied attribute.onended attribute.onerror attribute.onfocus attribute.oninput attribute.oninvalid attribute.onkeydown attribute.onkeypress
(String value) onkeypress attribute.onkeyup attribute.onload attribute.onloadeddata
(String value) onloadeddata attribute.onloadedmetadata
(String value) onloadedmetadata attribute.onloadstart
(String value) onloadstart attribute.onmousedown
(String value) onmousedown attribute.onmouseenter
(String value) onmouseenter attribute.onmouseleave
(String value) onmouseleave attribute.onmousemove
(String value) onmousemove attribute.onmouseout
(String value) onmouseout attribute.onmouseover
(String value) onmouseover attribute.onmouseup attribute.onmousewheel
(String value) onmousewheel attribute.onpause attribute.onplay attribute.onplaying attribute.onprogress
(String value) onprogress attribute.onratechange
(String value) onratechange attribute.onreset attribute.onresize attribute.onscroll attribute.onseeked attribute.onseeking attribute.onselect attribute.onshow attribute.onstalled attribute.onsubmit attribute.onsuspend attribute.ontimeupdate
(String value) ontimeupdate attribute.ontoggle attribute.onvolumechange
(String value) onvolumechange attribute.onwaiting attribute.preload attribute.spellcheck
(Object value) spellcheck attribute.src attribute.style attribute.tabindex attribute.title attribute.translate attribute.Methods inherited from class org.apache.juneau.bean.html5.HtmlElementMixed
getChild, getChild, getChild, getChildren, setChildren
Methods inherited from class org.apache.juneau.bean.html5.HtmlElement
attr, attrUri, deminimize, getAttr, getAttr, getAttrs, setAttrs, toString
-
Constructor Details
-
Audio
public Audio()Creates an emptyAudio
element. -
Audio
Creates anAudio
element with the specifiedsrc(Object)
attribute.- Parameters:
src
- Thesrc(Object)
attribute.
-
-
Method Details
-
autoplay
autoplay attribute.Hint that the media resource can be started automatically when the page is loaded.
This attribute uses deminimized values:
false - Attribute is not addedtrue - Attribute is added as"autoplay" - Other values - Passed through as-is
-
controls
controls attribute.Show user agent controls.
This attribute uses deminimized values:
false - Attribute is not addedtrue - Attribute is added as"controls" - Other values - Passed through as-is
-
crossorigin
crossorigin attribute.Specifies how the element handles cross-origin requests for CORS (Cross-Origin Resource Sharing).
Possible values:
"anonymous" - Cross-origin requests are made without credentials"use-credentials" - Cross-origin requests include credentials
- Parameters:
crossorigin
- How to handle cross-origin requests.- Returns:
- This object.
-
loop
loop attribute.Causes the media to automatically restart from the beginning when it reaches the end.
- Parameters:
loop
- Iftrue , the media will loop continuously.- Returns:
- This object.
-
mediagroup
mediagroup attribute.Groups multiple media elements together so they can be controlled as a single unit. All media elements with the same mediagroup value will share the same MediaController, allowing synchronized playback.
This is useful for creating synchronized audio/video presentations or multiple audio tracks.
- Parameters:
mediagroup
- The name of the media group to join.- Returns:
- This object.
-
muted
muted attribute.Mutes the audio output by default. Useful for autoplay videos where audio should be disabled initially.
- Parameters:
muted
- Iftrue , the media will be muted by default.- Returns:
- This object.
-
preload
preload attribute.Specifies how the browser should load the media resource.
Possible values:
"none" - Do not preload the media"metadata" - Preload only metadata (duration, dimensions, etc.)"auto" - Preload the entire media file (default)
- Parameters:
preload
- How much of the media to preload.- Returns:
- This object.
-
src
src attribute.Address of the resource.
The value can be of any of the following types:
URI
,URL
,String
. Strings must be valid URIs.URIs defined by
UriResolver
can be used for values. -
_class
Description copied from class:HtmlElement
class attribute.Specifies one or more CSS class names for the element, separated by spaces. These classes can be used for styling and JavaScript selection.
- Overrides:
_class
in classHtmlElementMixed
- Returns:
- This object.
-
accesskey
Description copied from class:HtmlElement
accesskey attribute.Defines a keyboard shortcut to activate or focus an element. The value should be a single character that, when pressed with a modifier key (usually Alt), activates the element.
- Overrides:
accesskey
in classHtmlElementMixed
- Returns:
- This object.
-
contenteditable
Description copied from class:HtmlElement
contenteditable attribute.Indicates whether the element's content is editable by the user.
Possible values:
"true" or empty string - Element content is editable"false" - Element content is not editable"plaintext-only" - Element content is editable, but rich text formatting is disabled
- Overrides:
contenteditable
in classHtmlElementMixed
- Returns:
- This object.
-
dir
Description copied from class:HtmlElement
dir attribute.Specifies the text direction of the element's content.
Possible values:
"ltr" - Left-to-right text direction"rtl" - Right-to-left text direction"auto" - Browser determines direction based on content
- Overrides:
dir
in classHtmlElementMixed
- Returns:
- This object.
-
id
Description copied from class:HtmlElement
id attribute.Specifies a unique identifier for the element. The ID must be unique within the document and can be used for CSS styling, JavaScript selection, and anchor links.
- Overrides:
id
in classHtmlElementMixed
- Returns:
- This object.
-
lang
Description copied from class:HtmlElement
lang attribute.Specifies the primary language of the element's content using a language tag. This helps with accessibility, search engines, and browser features like spell checking.
- Overrides:
lang
in classHtmlElementMixed
- Returns:
- This object.
-
onabort
Description copied from class:HtmlElement
onabort attribute.Event handler for when an operation is aborted (e.g., image loading is cancelled).
- Overrides:
onabort
in classHtmlElementMixed
- Returns:
- This object.
-
onblur
Description copied from class:HtmlElement
onblur attribute.Event handler for when the element loses focus.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onblur( "validate(\"email\")" ) - If using double quotes for attributes:
onblur( "validate('email')" )
- Overrides:
onblur
in classHtmlElementMixed
- Returns:
- This object.
- If using single quotes for attributes:
-
oncancel
Description copied from class:HtmlElement
oncancel attribute.Event handler for when a dialog is cancelled.
- Overrides:
oncancel
in classHtmlElementMixed
- Returns:
- This object.
-
oncanplay
Description copied from class:HtmlElement
oncanplay attribute.Event handler for when the media can start playing (enough data has been buffered).
- Overrides:
oncanplay
in classHtmlElementMixed
- Returns:
- This object.
-
oncanplaythrough
Description copied from class:HtmlElement
oncanplaythrough attribute.Event handler for when the media can play through to the end without buffering.
- Overrides:
oncanplaythrough
in classHtmlElementMixed
- Returns:
- This object.
-
onchange
Description copied from class:HtmlElement
onchange attribute.Event handler for when the value of a form element changes and loses focus.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onchange( "validate(\"field\")" ) - If using double quotes for attributes:
onchange( "validate('field')" )
- Overrides:
onchange
in classHtmlElementMixed
- Returns:
- This object.
- If using single quotes for attributes:
-
onclick
Description copied from class:HtmlElement
onclick attribute.Event handler for when the element is clicked.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onclick( "alert(\"Hello\")" ) - If using double quotes for attributes:
onclick( "alert('Hello')" )
- Overrides:
onclick
in classHtmlElementMixed
- Returns:
- This object.
- If using single quotes for attributes:
-
oncuechange
Description copied from class:HtmlElement
oncuechange attribute.Event handler for when a text track cue changes.
- Overrides:
oncuechange
in classHtmlElementMixed
- Returns:
- This object.
-
ondblclick
Description copied from class:HtmlElement
ondblclick attribute.Event handler for when the element is double-clicked.
- Overrides:
ondblclick
in classHtmlElementMixed
- Returns:
- This object.
-
ondurationchange
Description copied from class:HtmlElement
ondurationchange attribute.Event handler for when the duration of the media changes.
- Overrides:
ondurationchange
in classHtmlElementMixed
- Returns:
- This object.
-
onemptied
Description copied from class:HtmlElement
onemptied attribute.Event handler for when the media element becomes empty (e.g., network error).
- Overrides:
onemptied
in classHtmlElementMixed
- Returns:
- This object.
-
onended
Description copied from class:HtmlElement
onended attribute.Event handler for when the media playback reaches the end.
- Overrides:
onended
in classHtmlElementMixed
- Returns:
- This object.
-
onerror
Description copied from class:HtmlElement
onerror attribute.Event handler for when an error occurs (e.g., failed resource loading).
- Overrides:
onerror
in classHtmlElementMixed
- Returns:
- This object.
-
onfocus
Description copied from class:HtmlElement
onfocus attribute.Event handler for when the element receives focus.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onfocus( "highlight(\"field\")" ) - If using double quotes for attributes:
onfocus( "highlight('field')" )
- Overrides:
onfocus
in classHtmlElementMixed
- Returns:
- This object.
- If using single quotes for attributes:
-
oninput
Description copied from class:HtmlElement
oninput attribute.Event handler for when the value of an input element changes (fires on every keystroke).
- Overrides:
oninput
in classHtmlElementMixed
- Returns:
- This object.
-
oninvalid
Description copied from class:HtmlElement
oninvalid attribute.Event handler for when form validation fails.
- Overrides:
oninvalid
in classHtmlElementMixed
- Returns:
- This object.
-
onkeydown
Description copied from class:HtmlElement
onkeydown attribute.Event handler for when a key is pressed down.
- Overrides:
onkeydown
in classHtmlElementMixed
- Returns:
- This object.
-
onkeypress
Description copied from class:HtmlElement
onkeypress attribute.Event handler for when a key is pressed (deprecated, use onkeydown instead).
- Overrides:
onkeypress
in classHtmlElementMixed
- Returns:
- This object.
-
onkeyup
Description copied from class:HtmlElement
onkeyup attribute.Event handler for when a key is released.
- Overrides:
onkeyup
in classHtmlElementMixed
- Returns:
- This object.
-
onload
Description copied from class:HtmlElement
onload attribute.Event handler for when the element and its resources have finished loading.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onload( "init(\"config\")" ) - If using double quotes for attributes:
onload( "init('config')" )
- Overrides:
onload
in classHtmlElementMixed
- Returns:
- This object.
- If using single quotes for attributes:
-
onloadeddata
Description copied from class:HtmlElement
onloadeddata attribute.Event handler for when the first frame of media has finished loading.
- Overrides:
onloadeddata
in classHtmlElementMixed
- Returns:
- This object.
-
onloadedmetadata
Description copied from class:HtmlElement
onloadedmetadata attribute.Event handler for when metadata (duration, dimensions, etc.) has been loaded.
- Overrides:
onloadedmetadata
in classHtmlElementMixed
- Returns:
- This object.
-
onloadstart
Description copied from class:HtmlElement
onloadstart attribute.Event handler for when the browser starts loading the media.
- Overrides:
onloadstart
in classHtmlElementMixed
- Returns:
- This object.
-
onmousedown
Description copied from class:HtmlElement
onmousedown attribute.Event handler for when a mouse button is pressed down on the element.
- Overrides:
onmousedown
in classHtmlElementMixed
- Returns:
- This object.
-
onmouseenter
Description copied from class:HtmlElement
onmouseenter attribute.Event handler for when the mouse pointer enters the element (does not bubble).
- Overrides:
onmouseenter
in classHtmlElementMixed
- Returns:
- This object.
-
onmouseleave
Description copied from class:HtmlElement
onmouseleave attribute.Event handler for when the mouse pointer leaves the element (does not bubble).
- Overrides:
onmouseleave
in classHtmlElementMixed
- Returns:
- This object.
-
onmousemove
Description copied from class:HtmlElement
onmousemove attribute.Event handler for when the mouse pointer moves over the element.
- Overrides:
onmousemove
in classHtmlElementMixed
- Returns:
- This object.
-
onmouseout
Description copied from class:HtmlElement
onmouseout attribute.Event handler for when the mouse pointer moves out of the element (bubbles).
- Overrides:
onmouseout
in classHtmlElementMixed
- Returns:
- This object.
-
onmouseover
Description copied from class:HtmlElement
onmouseover attribute.Event handler for when the mouse pointer moves over the element (bubbles).
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onmouseover( "showTooltip(\"info\")" ) - If using double quotes for attributes:
onmouseover( "showTooltip('info')" )
- Overrides:
onmouseover
in classHtmlElementMixed
- Returns:
- This object.
- If using single quotes for attributes:
-
onmouseup
Description copied from class:HtmlElement
onmouseup attribute.Event handler for when a mouse button is released over the element.
- Overrides:
onmouseup
in classHtmlElementMixed
- Returns:
- This object.
-
onmousewheel
Description copied from class:HtmlElement
onmousewheel attribute.Event handler for when the mouse wheel is rotated over the element (deprecated, use onwheel).
- Overrides:
onmousewheel
in classHtmlElementMixed
- Returns:
- This object.
-
onpause
Description copied from class:HtmlElement
onpause attribute.Event handler for when media playback is paused.
- Overrides:
onpause
in classHtmlElementMixed
- Returns:
- This object.
-
onplay
Description copied from class:HtmlElement
onplay attribute.Event handler for when media playback starts.
- Overrides:
onplay
in classHtmlElementMixed
- Returns:
- This object.
-
onplaying
Description copied from class:HtmlElement
onplaying attribute.Event handler for when media playback starts after being paused or delayed.
- Overrides:
onplaying
in classHtmlElementMixed
- Returns:
- This object.
-
onprogress
Description copied from class:HtmlElement
onprogress attribute.Event handler for when the browser is downloading media data.
- Overrides:
onprogress
in classHtmlElementMixed
- Returns:
- This object.
-
onratechange
Description copied from class:HtmlElement
onratechange attribute.Event handler for when the playback rate of media changes.
- Overrides:
onratechange
in classHtmlElementMixed
- Returns:
- This object.
-
onreset
Description copied from class:HtmlElement
onreset attribute.Event handler for when a form is reset.
- Overrides:
onreset
in classHtmlElementMixed
- Returns:
- This object.
-
onresize
Description copied from class:HtmlElement
onresize attribute.Event handler for when the element is resized.
- Overrides:
onresize
in classHtmlElementMixed
- Returns:
- This object.
-
onscroll
Description copied from class:HtmlElement
onscroll attribute.Event handler for when the element's scrollbar is scrolled.
- Overrides:
onscroll
in classHtmlElementMixed
- Returns:
- This object.
-
onseeked
Description copied from class:HtmlElement
onseeked attribute.Event handler for when a seek operation completes.
- Overrides:
onseeked
in classHtmlElementMixed
- Returns:
- This object.
-
onseeking
Description copied from class:HtmlElement
onseeking attribute.Event handler for when a seek operation begins.
- Overrides:
onseeking
in classHtmlElementMixed
- Returns:
- This object.
-
onselect
Description copied from class:HtmlElement
onselect attribute.Event handler for when text is selected in the element.
- Overrides:
onselect
in classHtmlElementMixed
- Returns:
- This object.
-
onshow
Description copied from class:HtmlElement
onshow attribute.Event handler for when a context menu is shown.
- Overrides:
onshow
in classHtmlElementMixed
- Returns:
- This object.
-
onstalled
Description copied from class:HtmlElement
onstalled attribute.Event handler for when media loading is stalled.
- Overrides:
onstalled
in classHtmlElementMixed
- Returns:
- This object.
-
onsubmit
Description copied from class:HtmlElement
onsubmit attribute.Event handler for when a form is submitted.
Note:
If your HTML serializer is configured to use single quotes for attribute values, you should use double quotes in your JavaScript code, and vice versa. Otherwise, the quotes will be converted to HTML entities. For example:
- If using single quotes for attributes:
onsubmit( "return validate(\"form\")" ) - If using double quotes for attributes:
onsubmit( "return validate('form')" )
- Overrides:
onsubmit
in classHtmlElementMixed
- Returns:
- This object.
- If using single quotes for attributes:
-
onsuspend
Description copied from class:HtmlElement
onsuspend attribute.Event handler for when media loading is suspended.
- Overrides:
onsuspend
in classHtmlElementMixed
- Returns:
- This object.
-
ontimeupdate
Description copied from class:HtmlElement
ontimeupdate attribute.Event handler for when the current playback position changes.
- Overrides:
ontimeupdate
in classHtmlElementMixed
- Returns:
- This object.
-
ontoggle
Description copied from class:HtmlElement
ontoggle attribute.Event handler for when a details element is opened or closed.
- Overrides:
ontoggle
in classHtmlElementMixed
- Returns:
- This object.
-
onvolumechange
Description copied from class:HtmlElement
onvolumechange attribute.Event handler for when the volume of media changes.
- Overrides:
onvolumechange
in classHtmlElementMixed
- Returns:
- This object.
-
onwaiting
Description copied from class:HtmlElement
onwaiting attribute.Event handler for when media playback stops to buffer more data.
- Overrides:
onwaiting
in classHtmlElementMixed
- Returns:
- This object.
-
spellcheck
Description copied from class:HtmlElement
spellcheck attribute.Indicates whether the element should have its spelling and grammar checked.
Possible values:
"true" - Enable spell checking for this element"false" - Disable spell checking for this element
- Overrides:
spellcheck
in classHtmlElementMixed
- Returns:
- This object.
-
style
Description copied from class:HtmlElement
style attribute.Specifies inline CSS styles for the element. The value should be valid CSS property-value pairs separated by semicolons.
- Overrides:
style
in classHtmlElementMixed
- Returns:
- This object.
-
tabindex
Description copied from class:HtmlElement
tabindex attribute.Specifies the tab order of the element when navigating with the keyboard.
Possible values:
- Positive integer - Element is focusable and participates in tab order
"0" - Element is focusable but not in tab order- Negative integer - Element is not focusable
- Overrides:
tabindex
in classHtmlElementMixed
- Returns:
- This object.
-
title
Description copied from class:HtmlElement
title attribute.Specifies additional information about the element, typically displayed as a tooltip when the user hovers over the element.
- Overrides:
title
in classHtmlElementMixed
- Returns:
- This object.
-
translate
Description copied from class:HtmlElement
translate attribute.Specifies whether the element's content should be translated when the page is localized.
Possible values:
"yes" - Content should be translated (default)"no" - Content should not be translated
- Overrides:
translate
in classHtmlElementMixed
- Returns:
- This object.
-
child
Description copied from class:HtmlElementMixed
Adds a child element to this element.- Overrides:
child
in classHtmlElementMixed
- Returns:
- This object.
-
children
Description copied from class:HtmlElementMixed
Adds one or more child elements to this element.- Overrides:
children
in classHtmlElementMixed
- Returns:
- This object.
-