{"id":263,"date":"2020-04-22T06:24:32","date_gmt":"2020-04-22T06:24:32","guid":{"rendered":"https:\/\/localhost\/bricksacademy\/?post_type=bricks_article&p=263"},"modified":"2021-07-06T09:33:49","modified_gmt":"2021-07-06T09:33:49","slug":"audio-control","status":"publish","type":"bricks_article","link":"https:\/\/academy.bricksbuilder.io\/article\/audio-control\/","title":{"rendered":"Audio Control"},"content":{"rendered":"\n
The audio control lets you select an audio file from the media library. It also gives you various options to show\/hide artist and title, choose between a light\/dark theme, autoplay the audio file, etc. It has no custom control parameters.<\/p>\n\n\n\n
class Prefix_Element_Audio extends \\Bricks\\Element {\n \/\/ Set builder controls\n public function set_controls() {\n $this->controls['file'] = [\n 'tab' => 'content',\n 'label' => esc_html__( 'Audio file', 'bricks' ),\n 'type' => 'audio',\n ];\n }\n\n \/\/ Render element HTML\n public function render() {\n $settings = $this->settings;\n\n if ( isset( $settings['file']['url'] ) ) {\n echo wp_audio_shortcode( [\n 'src' => $settings['file']['url'],\n 'loop' => isset( $settings['loop'] ) ? $settings['loop'] : false, \n 'autoplay' => isset( $settings['autoplay'] ) ? $settings['autoplay'] : false, \n 'preload' => isset( $settings['preload'] ) ? $settings['preload'] : 'none', \n ] );\n }\n }\n}<\/code><\/pre>\n\n\n\nResources<\/h3>\n\n\n\n