{"id":90546,"date":"2015-03-04T12:45:54","date_gmt":"2015-03-04T17:45:54","guid":{"rendered":"http:\/\/www.bu.edu\/tech\/?page_id=90546"},"modified":"2015-03-04T12:45:54","modified_gmt":"2015-03-04T17:45:54","slug":"upload-embed-audio","status":"publish","type":"page","link":"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/upload-embed-audio\/","title":{"rendered":"Upload and Embed Audio Files (Podcasting)"},"content":{"rendered":"<p>BU WordPress supports the audio shortcode for embedding audio files on your website pages or posts. The supported format is mp3 files. This functionality is available on all BU websites in WordPress using the Flexi theme framework or newer.<\/p>\n<!--[if lt IE 9]><script>document.createElement('audio');<\/script><![endif]-->\n<audio class=\"wp-audio-shortcode\" id=\"audio-90546-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"\/tech\/files\/2015\/03\/20-Singin-In-The-Rain.mp3?_=1\" \/><a href=\"\/tech\/files\/2015\/03\/20-Singin-In-The-Rain.mp3\">\/tech\/files\/2015\/03\/20-Singin-In-The-Rain.mp3<\/a><\/audio>\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h2 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Uploading Audio Files to the Media Library<\/h2><div class=\"bu_collapsible_section\" style=\"display: none;\"><br \/>\nTo add audio files to the media library:<\/p>\n<p>1. \u00a0On the Dashboard Menu, click\u00a0<strong>Media <\/strong>&gt;<strong> Add New<\/strong><\/p>\n<p><img loading=\"lazy\" src=\"\/tech\/files\/2015\/03\/1.png\" alt=\"1\" width=\"588\" height=\"364\" class=\"alignnone size-full wp-image-527\" \/><\/p>\n<p>2. \u00a0Either drop the files in the indicated area or click\u00a0<strong>Select Files\u00a0<\/strong>to browse to them.\u00a0<em>Note: You can upload more than one audio file at a time.<\/em><\/p>\n<p><img loading=\"lazy\" src=\"\/tech\/files\/2015\/03\/2.png\" alt=\"2\" width=\"552\" height=\"318\" class=\"alignnone size-full wp-image-528\" \/><\/p>\n<p>3. \u00a0Once the files have finished uploading, they will be available to embed in webpages.<\/p>\n<p style=\"text-align: center;\"><em>Note: You may also upload files in this way during the process of embedding audio files to a webpage (see below).<\/em><\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h2 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Embedding Audio Files<\/h2><div class=\"bu_collapsible_section\" style=\"display: none;\"><br \/>\nTo embed audio files into a webpage:<\/p>\n<p>1. \u00a0From the Dashboard, navigate to the webpage in which you want to embed an audio file.<\/p>\n<p>2. \u00a0Click\u00a0<strong>Add Media<\/strong>.<\/p>\n<p><img loading=\"lazy\" src=\"\/tech\/files\/2015\/03\/3-636x389.png\" alt=\"3\" width=\"636\" height=\"389\" class=\"alignnone size-medium wp-image-529\" \/><\/p>\n<p>3. \u00a0If you have not yet added the audio file(s) to the Media Library, click <strong>Upload Files<\/strong> and take the steps in the\u00a0<strong>Uploading Audio Files to the Media Library<\/strong> section above.<\/p>\n<p>4. \u00a0Select the audio file from the Media Library and click <strong>Insert Into Page<\/strong>. You can embed more than one audio file at a time by holding <strong>Shift<\/strong> or <strong>Command<\/strong>.<\/p>\n<p><img loading=\"lazy\" src=\"\/tech\/files\/2015\/03\/4-636x310.png\" alt=\"4\" width=\"636\" height=\"310\" class=\"alignnone size-medium wp-image-530\" \/><\/p>\n<p>5. \u00a0An audio shortcode will be inserted into your page editor. This code will be rendered as the audio player in the image below.<\/p>\n<p><img loading=\"lazy\" src=\"\/tech\/files\/2015\/03\/5-636x371.png\" alt=\"5\" width=\"636\" height=\"371\" class=\"alignnone size-medium wp-image-531\" \/><br \/>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>BU WordPress supports the audio shortcode for embedding audio files on your website pages or posts. The supported format is mp3 files. This functionality is available on all BU websites in WordPress using the Flexi theme framework or newer&#8230;.<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":304,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/90546"}],"collection":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/comments?post=90546"}],"version-history":[{"count":2,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/90546\/revisions"}],"predecessor-version":[{"id":90554,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/90546\/revisions\/90554"}],"up":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/304"}],"wp:attachment":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/media?parent=90546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}