{"id":62826,"date":"2024-05-28T03:01:25","date_gmt":"2024-05-27T17:01:25","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=62826"},"modified":"2024-06-03T11:45:51","modified_gmt":"2024-06-03T01:45:51","slug":"youtube-video-api-interfacer-audio-play-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/youtube-video-api-interfacer-audio-play-tutorial\/","title":{"rendered":"YouTube Video API Interfacer Audio Play Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/karaoke_youtube_api.htm?huh=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/earth_scanner.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"YouTube Video API Interfacer Audio Play Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/karaoke_audio.gif\" title=\"YouTube Video API Interfacer Audio Play Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">YouTube Video API Interfacer Audio Play Tutorial<\/p><\/div>\n<p>The recent <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/making-of-earth-scanner-legs-tutorial\/' title='Making Of Earth Scanner Legs Tutorial'>Making Of Earth Scanner Legs Tutorial<\/a> set us to thinking about how to offer a toggling arrangement between our inhouse YouTube Embedded Iframe API playing of &#8230;<\/p>\n<ul>\n<li>video &#8230; with an incarnation of this that plays &#8230;<\/li>\n<li>audio &#8230; &#8220;sort of&#8221; only (but able to be toggled back to video playing)\n<\/ul>\n<p> &#8230; and it got us wondering how to &#8220;dull out&#8221; a video.  We chose the CSS &#8230;<\/p>\n<p>&lt;style&gt;<br \/>\n<code><br \/>\n iframe {  filter: invert(45%);  }<br \/>\n<\/code><br \/>\n&lt;\/style&gt;<\/p>\n<p>If you want a &#8220;complete dull out&#8221; try <i>filter: invert(50%);<\/i> &#8230; but we wanted to see controls down the bottom, still useful for audio <sub>only<\/sub> playing.<\/p>\n<p>You can try this all out in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/karaoke_youtube_api.html--------------------------------GETME\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/karaoke_youtube_api.html--------------------------------GETME\">karaoke_youtube_api.htm<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/karaoke_youtube_api.htm\">inhouse YouTube video interfacer<\/a>.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d62826' onclick='var dv=document.getElementById(\"d62826\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/audio\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d62826' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The recent Making Of Earth Scanner Legs Tutorial set us to thinking about how to offer a toggling arrangement between our inhouse YouTube Embedded Iframe API playing of &#8230; video &#8230; with an incarnation of this that plays &#8230; audio &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/youtube-video-api-interfacer-audio-play-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,14,37],"tags":[88,113,587,760,997,1319,1369,1493,2017],"class_list":["post-62826","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-api","tag-audio","tag-iframe","tag-media","tag-programming","tag-tutorial","tag-video","tag-youtube","tag-youtube-api"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/62826"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=62826"}],"version-history":[{"count":4,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/62826\/revisions"}],"predecessor-version":[{"id":63806,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/62826\/revisions\/63806"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=62826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=62826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=62826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}