{"id":822,"date":"2014-07-10T08:13:40","date_gmt":"2014-07-10T08:13:40","guid":{"rendered":"http:\/\/www.webhozz.com\/blog\/?p=822"},"modified":"2019-06-28T07:35:07","modified_gmt":"2019-06-28T07:35:07","slug":"menambahkan-audio-pada-website","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/","title":{"rendered":"Menambahkan Audio Pada Website"},"content":{"rendered":"<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-732 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-300x300.png\" alt=\"html\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-300x300.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-150x150.png 150w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Untuk membuat website lebih menarik dan berkesan bagi pengunjung, tampilan saja terkadang tidak cukup. Kita juga bisa memasukkan audio pada website kita. Elemen audio digunakan untuk tujuan ini, dan sama seperti elemen img, kita harus memberikan nilai tempat menyimpan file audio melalui atribut src. Tetapi berbeda dengan img, elemen audio memiliki tag penutup:<!--more--><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;audio&gt;\r\n  &lt;source src=&quot;benar_salah.mp3&quot; type=&quot;audio\/mpeg&quot;&gt;\r\nYour browser does not support the audio element.\r\n&lt;\/audio&gt;\r\n<\/pre>\n<p>Untuk menampilkan control nya kita bisa menambahkan atribut:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;audio controls&gt;\r\n  &lt;source src=&quot;benar_salah.mp3&quot; type=&quot;audio\/mpeg&quot;&gt;\r\nYour browser does not support the audio element.\r\n&lt;\/audio&gt;\r\n<\/pre>\n<p>Kita juga bisa menambahkan atribut autoplay agar audio-nya bisa langsung berjalan otomatis saat website anda dibuka. Berikut contoh codingnya:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;audio controls autoplay&gt;\r\n  &lt;source src=&quot;benar_salah.mp3&quot; type=&quot;audio\/mpeg&quot;&gt;\r\nYour browser does not support the audio element.\r\n&lt;\/audio&gt;\r\n<\/pre>\n<p>Semoga bermanfaat. \ud83d\ude00<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Untuk membuat website lebih menarik dan berkesan bagi pengunjung, tampilan saja terkadang tidak cukup. Kita juga bisa memasukkan audio pada website kita. Elemen audio<\/p>\n","protected":false},"author":3,"featured_media":8698,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1890,3],"tags":[151,152],"class_list":["post-822","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artikel","category-belajar-web-design","tag-audio-html","tag-audio-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Menambahkan Audio Pada Website - WebHozz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Menambahkan Audio Pada Website - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"&nbsp; Untuk membuat website lebih menarik dan berkesan bagi pengunjung, tampilan saja terkadang tidak cukup. Kita juga bisa memasukkan audio pada website kita. Elemen audio\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-10T08:13:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-28T07:35:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/07\/Audio.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Menambahkan Audio Pada Website\",\"datePublished\":\"2014-07-10T08:13:40+00:00\",\"dateModified\":\"2019-06-28T07:35:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/\"},\"wordCount\":181,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/07\\\/Audio.jpg\",\"keywords\":[\"Audio HTML\",\"Audio Website\"],\"articleSection\":[\"Artikel\",\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/\",\"name\":\"Menambahkan Audio Pada Website - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/07\\\/Audio.jpg\",\"datePublished\":\"2014-07-10T08:13:40+00:00\",\"dateModified\":\"2019-06-28T07:35:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/07\\\/Audio.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/07\\\/Audio.jpg\",\"width\":750,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/menambahkan-audio-pada-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Menambahkan Audio Pada Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Menambahkan Audio Pada Website - WebHozz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/","og_locale":"en_US","og_type":"article","og_title":"Menambahkan Audio Pada Website - WebHozz Blog","og_description":"&nbsp; Untuk membuat website lebih menarik dan berkesan bagi pengunjung, tampilan saja terkadang tidak cukup. Kita juga bisa memasukkan audio pada website kita. Elemen audio","og_url":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/","og_site_name":"WebHozz Blog","article_published_time":"2014-07-10T08:13:40+00:00","article_modified_time":"2019-06-28T07:35:07+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/07\/Audio.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/"},"author":{"name":"","@id":""},"headline":"Menambahkan Audio Pada Website","datePublished":"2014-07-10T08:13:40+00:00","dateModified":"2019-06-28T07:35:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/"},"wordCount":181,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/07\/Audio.jpg","keywords":["Audio HTML","Audio Website"],"articleSection":["Artikel","Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/","url":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/","name":"Menambahkan Audio Pada Website - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/07\/Audio.jpg","datePublished":"2014-07-10T08:13:40+00:00","dateModified":"2019-06-28T07:35:07+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/07\/Audio.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/07\/Audio.jpg","width":750,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/menambahkan-audio-pada-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Menambahkan Audio Pada Website"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"","url":"https:\/\/www.webhozz.com\/blog\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=822"}],"version-history":[{"count":7,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/822\/revisions"}],"predecessor-version":[{"id":8699,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/822\/revisions\/8699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/8698"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}