{"id":665,"date":"2014-07-17T03:34:21","date_gmt":"2014-07-17T03:34:21","guid":{"rendered":"http:\/\/www.siriinnovations.com\/blog\/?p=665"},"modified":"2019-04-10T14:43:14","modified_gmt":"2019-04-10T09:13:14","slug":"warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec","status":"publish","type":"post","link":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/","title":{"rendered":"Simple HTML5 audio player with playlist"},"content":{"rendered":"<p><strong>Introduction:<\/strong><\/p>\n<p>HTML5 introduces built-in media support via the <a title=\"The HTML &lt;audio&gt; element is used to represents sound content in documents. Added as part of HTML5, it may contain several audio sources, represented using the src attribute or the &lt;source&gt; element; the browser will choose the most suitable one. Fallback content for browser not supporting the &lt;audio&gt; element can be added too.\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/audio\"><code>&lt;audio&gt;<\/code><\/a> and <a title=\"The HTML &lt;video&gt; element is used to embed video content in an HTML or XHTML document.\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/video\"><code>&lt;video&gt;<\/code><\/a> elements, offering the ability to easily embed media into HTML documents.The &lt;audio&gt; tag defines sound, such as music or other audio streams. Currently, there are 3 supported file formats for the &lt;audio&gt; element: MP3, Wav, and Ogg.<\/p>\n<p>How to Use:<\/p>\n<pre class=\"code\" lang=\"html\">&lt;audio id=\"audio\" preload=\"auto\" tabindex=\"0\" controls=\"\" type=\"audio\/mpeg\"&gt;\r\n&lt;source type=\"audio\/mp3\" src=\"media\/Kalimba.mp3\"&gt;\r\nSorry, your browser does not support HTML5 audio.\r\n&lt;\/audio&gt;\r\n<\/pre>\n<p>HTML5 audio tags:<\/p>\n<pre class=\"code\" lang=\"html\">&lt;audio&gt; - Defines sound content.\r\n&lt;source&gt; - Defines multiple media resources for media elements, such as &lt;video&gt; and &lt;audio&gt;.\r\n<\/pre>\n<p>How to Setup playlist:<br \/>\nIn Html body:<\/p>\n<pre class=\"code\" lang=\"html\">&lt;ul id=\"playlist\"&gt;\r\n&lt;li class=\"active\"&gt;&lt;a href=\"media\/Kalimba.mp3\"&gt;Kalimba&lt;\/a&gt;&lt;\/li&gt;\r\n&lt;li&gt;&lt;a href=\"media\/Maid_with_the_Flaxen_Hair.mp3\"&gt;Maid with the Flaxen Hair&lt;\/a&gt;&lt;\/li&gt;\r\n&lt;li&gt;&lt;a href=\"media\/Sleep_Away.mp3\"&gt;Sleep Away&lt;\/a&gt;&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n<\/pre>\n<p>In Javascript:<br \/>\n1. To initialize player<\/p>\n<pre class=\"code\" lang=\"js\">function init(){\r\ncurrent = 0;\r\naudio = $('audio');\r\nplaylist = $('#playlist');\r\ntracks = playlist.find('li a');\r\nlen = tracks.length - 1;\r\naudio[0].volume = .10;\r\nplaylist.find('a').click(function(e){\r\ne.preventDefault();\r\nlink = $(this);\r\ncurrent = link.parent().index();\r\nrun(link, audio[0]);\r\n\r\n});\r\naudio[0].addEventListener('ended',function(e){\r\ncurrent++;\r\nif(current == len){\r\ncurrent = 0;\r\nlink = playlist.find('a')[0];\r\n}else{\r\nlink = playlist.find('a')[current];\r\n}\r\nrun($(link),audio[0]);\r\n});\r\n}\r\n<\/pre>\n<p>2. To playlist media<\/p>\n<pre class=\"code\" lang=\"js\">function run(link, player){\r\nplayer.src = link.attr('href');\r\npar = link.parent();\r\npar.addClass('active').siblings().removeClass('active');\r\naudio[0].load();\r\naudio[0].play();\r\n}\r\n<\/pre>\n<p>3. Last step &#8211; Combine above two functions in jquery load function.<\/p>\n<pre class=\"code\" lang=\"js\">&lt;script type='text\/javascript'&gt;\/\/&lt;![CDATA[\r\n$(window).load(function(){\r\nvar audio;\r\nvar playlist;\r\nvar tracks;\r\nvar current;\r\ninit();\r\nfunction init(){\r\ncurrent = 0;\r\naudio = $('audio');\r\nplaylist = $('#playlist');\r\ntracks = playlist.find('li a');\r\nlen = tracks.length - 1;\r\naudio[0].volume = .10;\r\nplaylist.find('a').click(function(e){\r\ne.preventDefault();\r\nlink = $(this);\r\ncurrent = link.parent().index();\r\nrun(link, audio[0]);\r\n});\r\naudio[0].addEventListener('ended',function(e){\r\ncurrent++;\r\nif(current == len){\r\ncurrent = 0;\r\nlink = playlist.find('a')[0];\r\n}else{\r\nlink = playlist.find('a')[current];\r\n}\r\nrun($(link),audio[0]);\r\n});\r\n}\r\nfunction run(link, player){\r\nplayer.src = link.attr('href');\r\npar = link.parent();\r\npar.addClass('active').siblings().removeClass('active');\r\naudio[0].load();\r\naudio[0].play();\r\n}\r\n});\/\/]]&gt;\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>In CSS &#8211; make little design to your player:<\/p>\n<pre class=\"code\" lang=\"css\">&lt;style type='text\/css'&gt;\r\naudio{background:#666;width:400px;padding:20px;}\r\n#playlist{background:#666;width:400px;padding:0px 20px 20px 20px;margin-top: -5px;}\r\n.active a{color:#5DB0E6;text-decoration:none;}\r\nli a{color:#eeeedd;background:#333;padding:5px;display:block;}\r\nli a:hover{text-decoration:none;}\r\n&lt;\/style&gt;\r\n<\/pre>\n<p>Conclusion:<br \/>\nIn this article we have looked in detail at the HTML5 &lt;audio&gt; element with simple playlist, used jQuery to make easier and help us work through cross-browser differences, and built a really useful audio player that works as part of a web page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: HTML5 introduces built-in media support via the &lt;audio&gt; and &lt;video&gt; elements, offering the ability to easily embed media into HTML documents.The &lt;audio&gt; tag defines sound, such as music or other audio streams. Currently, there are 3 supported file formats for the &lt;audio&gt; element: MP3, Wav, and Ogg. How to Use: &lt;audio id=&#8221;audio&#8221; preload=&#8221;auto&#8221; tabindex=&#8221;0&#8243; [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":1074,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,5,3,6],"tags":[86,88,85,89,87],"class_list":["post-665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-jquery","category-technical","category-tutorials","tag-html5-audio-player","tag-html5-audio-player-open-source","tag-html5-player","tag-open-source-html5-audio-player","tag-simple-html5-audio-player"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Simple HTML5 audio player with playlist - Siri Innovations<\/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:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simple HTML5 audio player with playlist - Siri Innovations\" \/>\n<meta property=\"og:description\" content=\"Introduction: HTML5 introduces built-in media support via the &lt;audio&gt; and &lt;video&gt; elements, offering the ability to easily embed media into HTML documents.The &lt;audio&gt; tag defines sound, such as music or other audio streams. Currently, there are 3 supported file formats for the &lt;audio&gt; element: MP3, Wav, and Ogg. How to Use: &lt;audio id=&quot;audio&quot; preload=&quot;auto&quot; tabindex=&quot;0&quot; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/\" \/>\n<meta property=\"og:site_name\" content=\"Siri Innovations\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-17T03:34:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-10T09:13:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"241\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yuva kumar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yuva kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/\"},\"author\":{\"name\":\"Yuva kumar\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0\"},\"headline\":\"Simple HTML5 audio player with playlist\",\"datePublished\":\"2014-07-17T03:34:21+00:00\",\"dateModified\":\"2019-04-10T09:13:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/\"},\"wordCount\":143,\"commentCount\":2,\"image\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg\",\"keywords\":[\"HTML5 Audio Player\",\"HTML5 Audio Player open source\",\"HTML5 Player\",\"Open source HTML5 Audio Player\",\"Simple HTML5 Audio Player\"],\"articleSection\":[\"Development\",\"jQuery\",\"Technical\",\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/\",\"url\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/\",\"name\":\"Simple HTML5 audio player with playlist - Siri Innovations\",\"isPartOf\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg\",\"datePublished\":\"2014-07-17T03:34:21+00:00\",\"dateModified\":\"2019-04-10T09:13:14+00:00\",\"author\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0\"},\"breadcrumb\":{\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#primaryimage\",\"url\":\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg\",\"contentUrl\":\"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg\",\"width\":540,\"height\":241,\"caption\":\"HTML Audio Player\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/siriinnovations.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simple HTML5 audio player with playlist\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/#website\",\"url\":\"https:\/\/siriinnovations.com\/blog\/\",\"name\":\"Technical blog from Siri Innovations\",\"description\":\"Innovative like no other\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/siriinnovations.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0\",\"name\":\"Yuva kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/687772b38575bc5be6e95c834b31796b82c9a71158f171c0323ac991815f38b2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/687772b38575bc5be6e95c834b31796b82c9a71158f171c0323ac991815f38b2?s=96&d=mm&r=g\",\"caption\":\"Yuva kumar\"},\"url\":\"https:\/\/siriinnovations.com\/blog\/author\/yuvakumar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Simple HTML5 audio player with playlist - Siri Innovations","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:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/","og_locale":"en_US","og_type":"article","og_title":"Simple HTML5 audio player with playlist - Siri Innovations","og_description":"Introduction: HTML5 introduces built-in media support via the &lt;audio&gt; and &lt;video&gt; elements, offering the ability to easily embed media into HTML documents.The &lt;audio&gt; tag defines sound, such as music or other audio streams. Currently, there are 3 supported file formats for the &lt;audio&gt; element: MP3, Wav, and Ogg. How to Use: &lt;audio id=\"audio\" preload=\"auto\" tabindex=\"0\" [&hellip;]","og_url":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/","og_site_name":"Siri Innovations","article_published_time":"2014-07-17T03:34:21+00:00","article_modified_time":"2019-04-10T09:13:14+00:00","og_image":[{"width":540,"height":241,"url":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg","type":"image\/jpeg"}],"author":"Yuva kumar","twitter_misc":{"Written by":"Yuva kumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#article","isPartOf":{"@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/"},"author":{"name":"Yuva kumar","@id":"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0"},"headline":"Simple HTML5 audio player with playlist","datePublished":"2014-07-17T03:34:21+00:00","dateModified":"2019-04-10T09:13:14+00:00","mainEntityOfPage":{"@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/"},"wordCount":143,"commentCount":2,"image":{"@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#primaryimage"},"thumbnailUrl":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg","keywords":["HTML5 Audio Player","HTML5 Audio Player open source","HTML5 Player","Open source HTML5 Audio Player","Simple HTML5 Audio Player"],"articleSection":["Development","jQuery","Technical","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/","url":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/","name":"Simple HTML5 audio player with playlist - Siri Innovations","isPartOf":{"@id":"https:\/\/siriinnovations.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#primaryimage"},"image":{"@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#primaryimage"},"thumbnailUrl":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg","datePublished":"2014-07-17T03:34:21+00:00","dateModified":"2019-04-10T09:13:14+00:00","author":{"@id":"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0"},"breadcrumb":{"@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#primaryimage","url":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg","contentUrl":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg","width":540,"height":241,"caption":"HTML Audio Player"},{"@type":"BreadcrumbList","@id":"https:\/\/siriinnovations.com\/blog\/warning-htmlspecialchars-function-htmlspecialchars-charset-utf-7-not-supported-assuming-iso-8859-1-in-homesiriinnopublic_htmlblogwp-includesformatting-php-on-line-2751warning-htmlspec\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/siriinnovations.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Simple HTML5 audio player with playlist"}]},{"@type":"WebSite","@id":"https:\/\/siriinnovations.com\/blog\/#website","url":"https:\/\/siriinnovations.com\/blog\/","name":"Technical blog from Siri Innovations","description":"Innovative like no other","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/siriinnovations.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/e2941c65eca1eecb5bf7e44fb9f6f9c0","name":"Yuva kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/siriinnovations.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/687772b38575bc5be6e95c834b31796b82c9a71158f171c0323ac991815f38b2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/687772b38575bc5be6e95c834b31796b82c9a71158f171c0323ac991815f38b2?s=96&d=mm&r=g","caption":"Yuva kumar"},"url":"https:\/\/siriinnovations.com\/blog\/author\/yuvakumar\/"}]}},"jetpack_featured_media_url":"https:\/\/siriinnovations.com\/blog\/wp-content\/uploads\/2014\/07\/8.jpg","_links":{"self":[{"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/comments?post=665"}],"version-history":[{"count":6,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/665\/revisions"}],"predecessor-version":[{"id":1076,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/665\/revisions\/1076"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/media\/1074"}],"wp:attachment":[{"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/media?parent=665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/categories?post=665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/siriinnovations.com\/blog\/wp-json\/wp\/v2\/tags?post=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}