{"id":8762,"date":"2022-03-21T11:27:08","date_gmt":"2022-03-21T10:27:08","guid":{"rendered":"https:\/\/edwinm29.sg-host.com\/?p=8762"},"modified":"2025-07-09T10:50:53","modified_gmt":"2025-07-09T08:50:53","slug":"chrome-music-lab-experiments","status":"publish","type":"post","link":"https:\/\/www.skoove.com\/blog\/chrome-music-lab-experiments\/","title":{"rendered":"Make music easily with Chrome Music Lab"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Chrome Music Lab <\/span><span style=\"font-weight: 400;\">is an exceptional project from Google that will get your creative juices flowing and your inner composer composing. It\u2019s an ideal assistant for those who want to train their ear or who simply don\u2019t have access to a standard physical keyboard. Play around for a few minutes a day, and you\u2019ll be accumulating music theory and compositional technique before you know it. Plus, who doesn\u2019t love piano games? <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Take a look below at the 14 tools that comprise the Chrome Music Lab and the different musical sensibilities it will allow you to exercise.<\/span><\/p>\n<ol>\n<li><a href=\"#chords\">Chords<\/a><\/li>\n<li><a href=\"#arpeggios\">Arpeggios<\/a><\/li>\n<li><a href=\"#sound-waves\">Sound waves<\/a><\/li>\n<li><a href=\"#strings\">Strings<\/a><\/li>\n<li><a href=\"#piano-roll\">Piano Roll<\/a><\/li>\n<li><a href=\"#voice-spinner\">Voice spinner<\/a><\/li>\n<li><a href=\"#spectrogram\">Spectrogram<\/a><\/li>\n<li><a href=\"#kandinsky\">Kandinsky<\/a><\/li>\n<li><a href=\"#song-maker\">Song maker<\/a><\/li>\n<li><a href=\"#rhythm\">Rhythm<\/a><\/li>\n<li><a href=\"#melody-maker\">Melody maker<\/a><\/li>\n<li><a href=\"#harmonics\">Harmonics<\/a><\/li>\n<li><a href=\"#oscillators\">Oscillators<\/a><\/li>\n<li><a href=\"#shared-piano\">Shared piano<\/a><\/li>\n<\/ol>\n<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;&lt;div class=&quot;componentContainer&quot;&gt;&lt;div class=&quot;row&quot;&gt;&lt;div class=&quot;column&quot;&gt;&lt;div class=&quot;h2Notable&quot;&gt;Start your musical journey&lt;\/div&gt;&lt;ul&gt;&lt;li&gt;&lt;span&gt;&lt;strong&gt;Fall in love with the music -&lt;\/strong&gt; Learn your favorite songs, at a level suitable for you.&lt;\/span&gt;&lt;\/li&gt;&lt;li&gt;&lt;span&gt;&lt;strong&gt;Enjoy interactive piano lessons -&lt;\/strong&gt; Explore courses covering music theory, technique chords &amp; more.&lt;\/span&gt;&lt;\/li&gt;&lt;li&gt;&lt;span&gt;&lt;strong&gt;Get real-time feedback -&lt;\/strong&gt; Skoove&#039;s feedback tells you what went well and what needs practice.&lt;\/span&gt;&lt;\/li&gt;&lt;\/ul&gt;&lt;\/div&gt;&lt;div class=&quot;column&quot;&gt;&lt;img src=&quot;\/wp-content\/uploads\/2024\/09\/optimized\/iPhone15-1A-3-800.webp&quot; alt=&quot;&quot; width=&quot;1024&quot; height=&quot;846&quot; class=&quot;alignnone size-large&quot; \/&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;small&gt;&lt;\/small&gt;&lt;a class=&quot;skooveButton skooveButtonWithin&quot; target=&quot;_blank&quot; title=&quot;Book a trial lesson&quot; href=&quot;https:\/\/www.skoove.com\/auth\/register_promotion?coupon=7d-blog-npd&amp;utm_source=blog&amp;utm_medium=btf&amp;utm_campaign=7d-blog-npd&amp;t=Start%20a%207%20day%20free%20trial&amp;st=No%20credit%20card%20required!&quot; rel=&quot;noopener&quot;&gt;Book a trial lesson&lt;\/a&gt;&lt;small&gt;No credit card details required&lt;\/small&gt;&lt;\/div&gt;&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:577,&quot;3&quot;:{&quot;1&quot;:0},&quot;9&quot;:1,&quot;12&quot;:0}\"><div class=\"componentContainer\"><div class=\"row\"><div class=\"column\"><div class=\"h2Notable\">Start your musical journey<\/div><ul><li><span><strong>Fall in love with the music -<\/strong> Learn your favorite songs, at a level suitable for you.<\/span><\/li><li><span><strong>Enjoy interactive piano lessons -<\/strong> Explore courses covering music theory, technique chords & more.<\/span><\/li><li><span><strong>Get real-time feedback -<\/strong> Skoove's feedback tells you what went well and what needs practice.<\/span><\/li><\/ul><\/div><div class=\"column\"><img fetchpriority=\"high\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/09\/optimized\/iPhone15-1A-3-800.webp\" alt=\"\" width=\"1024\" height=\"846\" class=\"alignnone size-large\" \/><\/div><\/div><small><\/small><a class=\"skooveButton skooveButtonWithin\" target=\"_blank\" title=\"Book a trial lesson\" href=\"https:\/\/www.skoove.com\/auth\/register_promotion?coupon=7d-blog-npd&utm_source=blog&utm_medium=btf&utm_campaign=7d-blog-npd&t=Start%20a%207%20day%20free%20trial&st=No%20credit%20card%20required!\" rel=\"noopener\">Book a trial lesson<\/a><small>No credit card details required<\/small><\/div><\/span><\/p>\n<h2 id=\"chords\">1. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Chords\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chords<\/a><\/h2>\n<p><span style=\"font-weight: 400;\">At the end of the day, all songs are a series of chords. This tool allows you to break down the molecular unit of music by experimenting with major and minor chords. With a segment of keyboard ranging from C3 to B4, you can both hear and see the three notes that make up each chord (respectively, the root, third, and fifth). The interactive visuals form a strong foundation for when you ultimately move to a set of real-life piano keys and feel the space between notes and the shape of chords with your own fingers. You\u2019ll have seen it all before\u2013it will only be a matter of mastering it for yourself!<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Chords\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"arpeggios\">2. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Arpeggios\/\" target=\"_blank\" rel=\"noopener noreferrer\">Arpeggios<\/a><\/h2>\n<p><span style=\"font-weight: 400;\">Again you can pick apart the pieces of a chord, this time within the larger context of a chord progression. The colorful wheel uses the <a href=\"\/blog\/circle-of-fifths\/\">circle of fifths<\/a> to demonstrate the way chords fit together, and you can toggle between the piano and harp functions (the word \u201c<a href=\"\/blog\/how-to-play-arpeggios\/\">arpeggio<\/a>\u201d originates from the Italian arpeggiare, \u201cto play the harp\u201d) to hear the individual notes that make up each chord. When you want to hear chords parsed out note by note, you can hit the \u201cplay\u201d button in the center of the wheel\u2013if you want to hear them at afaster or slower pace, you can adjust the metronome in the lower right-hand corner. Learning about sharps and flats was never so interactive&#8230;or so easy!<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Arpeggios\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"sound-waves\">3. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Sound-Waves\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Sound waves<\/b><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">This tool taps into the relationship between music and physics by providing avisual manifestation of the frequencies of different pitches. Toggle between notes on the <a href=\"\/blog\/virtual-piano\/\">virtual piano<\/a> to see the motion of the dots based on frequency. As anyone who has taken a physics class will know, higher pitchescause a lot more motion than lower pitches. If you\u2019re a visual learner or interested in science, this is the perfect tool for you.<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Sound-Waves\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"strings\">4. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Strings\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Strings<\/b><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">This function allows you to hear different string tones in different octaves. It has a similar visual component to Sound Waves in that you can observe the unique motion and frequency of each uniquely-tuned pitch.<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Strings\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"piano-roll\">5. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Piano-Roll\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Piano roll<\/b><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">The perfect tool for anyone who\u2019s ever wondered what\u2019s exactly going on in the most famous works of classical music. It provides a color-coded visual notation of pieces like Mozart\u2019s Rondo alla Turca and Bach\u2019s Prelude in <a href=\"\/blog\/c-major-scale\/\">C Major<\/a>, letting you follow along with each note and <a href=\"\/blog\/piano-chords\/\">piano chord<\/a> in a context other than a traditional set of piano keys. An engaging way to familiarize yourself with<a href=\"\/blog\/chord-progressions-on-piano\/\"> chord progression<\/a>, modulation, and melody.<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Piano-Roll\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"voice-spinner\">6. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Voice-Spinner\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Voice spinner<\/b><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">The Voice Spinner allows you to record a few seconds\u2019 worth of material\u2013spoken, sung, hummed, whistled, you name it\u2013and \u201cspin\u201d it one way or the other, as on a sort of turntable, with various corresponding effects. Toggling the rpm (revolutions per minute) on the spectrum at the bottom of the screen causes the pitch of the recording to distort higher or lower; toggling to the right plays the recorded material forward, to the left backward. A fun experiment in the malleability of sound.<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Voice-Spinner\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"spectrogram\">7. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Spectrogram\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spectrogram<\/a><\/h2>\n<p><span style=\"font-weight: 400;\">This visual tool displays the timbre and other sound qualities of various instruments on a colorful heat chart. Watch while a flute walks up an octave scale, a bugle plays reveille, a wine glass sounds the root and fifth of the pitch it is tuned to, or a telephone measures the frequency of its buzz. You can even compare a human whistle against birdsong. Seeing a set of usually aural qualities reflected and quantified on a screen reminds you that music is everywhere and that every sound we hear can have musical properties if only we look out for them.<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Spectrogram\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"kandinsky\">8. <b><a href=\"https:\/\/musiclab.chromeexperiments.com\/Kandinsky\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kandinsky<\/a><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Inspired by the work of Wassily Kandinsky, an artist who drew connections between painting and creating music, this interactive feature invites you to draw on a blank white surface, then press \u201cplay\u201d to hear your doodles and sketches given musical pitches and transformed into a notated sequence. You can add as you go along and ultimately weave a rich tapestry of sound. It\u2019s a great method of training yourself to recognize the intervals between notes.<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Kandinsky\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"song-maker\">9.<b> <a href=\"https:\/\/musiclab.chromeexperiments.com\/Song-Maker\/\" target=\"_blank\" rel=\"noopener noreferrer\">Song maker<\/a><\/b><\/h2>\n<p><span style=\"font-weight: 400;\">We\u2019ve shouted out this one before<\/span><span style=\"font-weight: 400;\"> \u2013 it gives you free rein over melody, harmony, rhythm, instrumentation, the whole kit and caboodle. Create your own compositions on loop; add, delete, or edit features as needed; then save them as files for you to refer back to later. This fun and imaginative tool lets you step into the role of songwriter, arranger, producer, and engineer. What better way to try on multiple creative hats just like the recording artists do? <\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 100%;\r\n          height: 450px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Song-Maker\/embed\/5814902266527744\"  width=\"100%\"  height=\"450\"  scrolling=\"no\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:100%;height:450px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"rhythm\">10. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Rhythm\/\" target=\"_blank\" rel=\"noopener noreferrer\">Rhythm<\/a><\/h2>\n<p>This tool functions similarly to Song Maker, with the exception that it focuses solely on percussion. Experiment with the sounds of timpani, cowbell, woodblock, cymbals, and more, and try out different combinations by arranging two or four measures\u2019 worth of composition. Listen on loop and modify your percussion piece as desired.<\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Rhythm\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"melody-maker\">11. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Melody-Maker\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Melody maker<\/b><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">This is a simplified version of the Song Maker, concentrated on crafting melodies for a single voice or instrument. The columns accommodate a single pitch each, which can then be strung together into a melody on loop. Slide the metronome bar at the bottom for a faster or slower tempo, or hit the doubling function beside the play\/pause button for the feature to automatically fill in a possible harmonization. This is a great feature for those without access to a keyboard of their own.<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Melody-Maker\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"harmonics\">12. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Harmonics\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Harmonics<\/b><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">If you\u2019ve ever run your finger along the rim of a glass to hear what pitch it is tuned to, this tool mimics that sound. This \u201cglass\u201d is tuned to F major and demonstrates the number of sound waves associated with the root, third, and fifth of the chord. This is one of those games that works IRL, too\u2013all you need is a glass.<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Harmonics\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"oscillators\">13. <a href=\"https:\/\/musiclab.chromeexperiments.com\/Oscillators\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Oscillators<\/b><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">An oscillator is a circuit which produces a continuous, repeated waveform that can be used as a sound source in places such as a recording studio. This tool introduces you to four different types of oscillators\u2013square, sawtooth, triangle, and sine\u2013and the frequencies at which they can operate. Click on each oscillator to hear the sound it emits at its particular waveform.<\/span><\/p>\n<p><center><style type=\"text\/css\">\r\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa }#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}#ai-zoom-div-advanced_iframe\r\n        {\r\n          width: 90%;\r\n          height: 550px; \r\n          padding: 0;\r\n          overflow: hidden;\r\n        }\r\n        #advanced_iframe\r\n        {-ms-transform: scale(1);\r\n              -ms-transform-origin: 0 0;\r\n              -moz-transform: scale(1);\r\n              -moz-transform-origin: 0 0;\r\n              -o-transform: scale(1);\r\n              -o-transform-origin: 0 0;\r\n              -webkit-transform: scale(1);\r\n              -webkit-transform-origin: 0 0;\r\n              transform: scale(1);\r\n              transform-origin: 0 0;\r\n              }<\/style><script type=\"text\/javascript\">  var ai_iframe_width_advanced_iframe = 0;  var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiIsIe8=false;var aiOnloadScrollTop=\"true\"; var zoom_advanced_iframe = 1;\r\nif (typeof aiReadyCallbacks === 'undefined') {\r\n    var aiReadyCallbacks = [];  \r\n} else if (!(aiReadyCallbacks instanceof Array)) {\r\n    var aiReadyCallbacks = [];\r\n}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {   aiAutoZoomExternal(id, width,\"false\");   ai_iframe_width_advanced_iframe = width;   ai_iframe_height_advanced_iframe = height; var zoom_height = parseInt(height * parseFloat(window[\"zoom_\" + id]),10)+1; jQuery('#ai-zoom-div-' + id).css(\"height\",zoom_height);aiResizeIframeHeightById(id,height);}<\/script><div id=\"ai-zoom-div-advanced_iframe\"><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/musiclab.chromeexperiments.com\/Oscillators\/\"  width=\"90%\"  height=\"550\"  scrolling=\"no\"  marginheight=\"-0\"  frameborder=\"0\"  allowtransparency=\"true\"  style=\";width:90%;height:550px;\" ><\/iframe><\/div><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\r\nfunction resizeCallbackadvanced_iframe() {}function aiChangeUrl(loc) {}<\/script><script type=\"text\/javascript\"><\/script><\/center><\/p>\n<h2 id=\"shared-piano\">14. <a href=\"https:\/\/experiments.withgoogle.com\/shared-piano\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Bonus: Shared piano<\/b><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">With this Chrome experiment, you and your friends online can tinker around on a virtual set of keys in real time using MIDI or computer keyboards. Up to ten people can play on a single set of keys at once. In a period when so much learning and teaching has moved to the internet, this game keeps people connected through the act of playing the piano and making music.<\/span><\/p>\n<p><center><a href=\"https:\/\/experiments.withgoogle.com\/shared-piano\" target=\"_blank\" rel=\"noopener noreferrer\"><video autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"70%\" height=\"70%\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><br \/>\n<span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><source type=\"video\/webm\" src=\"https:\/\/skoove-assets.skoove.com\/lessoncontent\/0f6faf4e-e4b4-4965-a254-ec1b7665902d.webm\" \/><span data-mce-type=\"bookmark\" style=\"display: inline-block; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span><\/video><\/a><\/center>&nbsp;<\/p>\n<p>We hope this has been a handy guide to piano games as a whole, and to Chrome Music Lab in particular, which is a trusty means of augmenting your music learning experience\u2013even if you aren\u2019t working with <a href=\"\/blog\/augmented-chord\/\">augmented chords<\/a>. And, of course, be sure to make use of those transferable skills by downloading the Skoove app available on <a href=\"https:\/\/apps.apple.com\/app\/skoove-learn-piano\/id1160668178?l=en\" target=\"_blank\" rel=\"noopener noreferrer\">iOS<\/a> and <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.skoove.piano\" target=\"_blank\" rel=\"noopener noreferrer\">Android<\/a>, where you\u2019ll find even more tools that will inspire you to strengthen your musical prowess.<br \/>\nYour Lab awaits you!<\/p>\n<div class=\"ast-oembed-container\"><iframe title=\"Skoove\" src=\"https:\/\/player.vimeo.com\/video\/479012867?dnt=1&amp;app_id=122963\" width=\"500\" height=\"231\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\"><\/iframe><\/div>\n<p style=\"text-align: center;\"><span class='maxbutton-1-container mb-container'><a class=\"maxbutton-1 maxbutton maxbutton-christmas\" target=\"_blank\" title=\"Start free trial\" rel=\"noopener\" href=\"https:\/\/www.skoove.com\/en\/promotions\/1m-blog-npd\"><span class='mb-text'>Start free trial<\/span><\/a><\/span><\/p>\n<hr \/>\n<p style=\"text-align: center;\"><strong>Author of this blog post:<\/strong><\/p>\n<p style=\"text-align: center;\"><strong><img decoding=\"async\" class=\" wp-image-6965 aligncenter\" src=\"\/wp-content\/uploads\/2020\/09\/Author-Box-Cecilia.png\" alt=\"Cecilia\" width=\"212\" height=\"217\" \/><\/strong><\/p>\n<p style=\"text-align: center;\">Cecilia Gigliotti is a writer, musician, and photographer. Having spent her childhood singing and performing, she took an additional interest in the piano as a teenager and grows more passionate about it with each passing year. She lives in Berlin with a ukulele called Uke Skywalker: she can be found covering her favorite songs on YouTube (Lia Lio) and writing about music elsewhere on the Internet..<\/p>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>Chrome Music Lab is an exceptional project from Google that will get your creative juices flowing and your inner composer composing. It\u2019s an ideal assistant for those who want to train their ear or who simply don\u2019t have access to a standard physical keyboard. Play around for a few minutes a day, and you\u2019ll be &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"\/blog\/chrome-music-lab-experiments\/\"> <span class=\"screen-reader-text\">Make music easily with Chrome Music Lab<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":43,"featured_media":8877,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_titles_title":"Make music easily with Chrome Music Lab","_seopress_titles_desc":"Explore music creation and learning with Chrome Music Lab's experiments. Discover building blocks of music in one place and hone your skills today!","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","footnotes":""},"categories":[245],"tags":[246],"class_list":["post-8762","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-piano-tips-tricks","tag-top-articles"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/posts\/8762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/comments?post=8762"}],"version-history":[{"count":0,"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/posts\/8762\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/media\/8877"}],"wp:attachment":[{"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/media?parent=8762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/categories?post=8762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.skoove.com\/blog\/wp-json\/wp\/v2\/tags?post=8762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}