{"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\n

Resources<\/h3>\n\n\n\n

https:\/\/codex.wordpress.org\/Function_Reference\/wp_audio_shortcode<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

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. Resources https:\/\/codex.wordpress.org\/Function_Reference\/wp_audio_shortcode<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":189,"template":"","format":"standard","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article\/263"}],"collection":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article"}],"about":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/types\/bricks_article"}],"author":[{"embeddable":true,"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article\/263\/revisions"}],"wp:attachment":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/media?parent=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}