[text] Interland

Viewer

copydownloadembedprintName: Interland
  1. document.write('');
  2. document.write('<!DOCTYPE html><html lang="en" ng-app="ngAppStrict" ng-strict-di="false"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta property="og:image" content="https://musiclab.chromeexperiments.com/static/share.jpg"><meta property="og:url" content="https://musiclab.chromeexperiments.com"><meta property="og:type" content="article"><meta property="og:title" content="Chrome Music Lab"><meta property="og:description" content="Music is for everyone. Play with simple experiments that let anyone, of any age, explore how music works."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Chrome Music Lab"><meta name="twitter:description" content="Music is for everyone. Play with simple experiments that let anyone, of any age, explore how music works."><meta name="twitter:image" content="https://musiclab.chromeexperiments.com/static/share.jpg"><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.js"></script><script type="text/javascript" src="/bin/lib/angular-sanitize.js"></script><script type="text/javascript" src="/bin/lib/angular-translate.js"></script><script type="text/javascript" src="/bin/lib/angular-translate-storage-local.js"></script><script type="text/javascript" src="/bin/lib/angular-translate-loader-static-files.js"></script><script type="text/javascript" src="/bin/lib/angulartics.js"></script><script type="text/javascript" src="/bin/lib/angulartics-google-analytics.js"></script><link rel="stylesheet" href="/css/screen.css"><link rel="shortcut icon" href="/static/MusicBox_16_2.ico" type="image/x-icon"><link rel="shortcut icon" type="image/png" href="/static/MusicBox_16_2.ico.png"><link rel="shortcut icon" type="image/png" href="/static/MusicBox_32.ico.png"><title>Chrome Music Lab</title></head><body ng-controller="MainCtrl" detect-scroll><base href="/"><div id="templateLoader" class="music-box__blank-modal"></div><header id="mainHeader" ng-controller="NavigationCntrl" data-hamburger-visible="false" ng-class="{ \'music-box__main-navigation--visible\': hamburgerVisible, \'music-box__main-navigation--not-visible\': !hamburgerVisible}" class="music-box__header"><div id="ErrorMessageOops" class="music-box___modal__error hide"><img src="img/music_lab_3x3_grid_1000x1000.jpg" class="music-box__browser-error-img"><div class="music-box___modal__error__copy">Thanks for checking out Chrome Music Lab. Unfortunately, your browser doesn’t support the technology that makes these experiments work. For the best experience,<a href="https://www.google.com/chrome/browser/desktop/" analytics-on="click" analytics-event="chrome-download-clicked" analytics-category="error" analytics-label="Non-capable browser chrome link clicked">view it on Chrome.</a></div></div><div id="sub-header" ng-class="{ \'hide\': !isLanding, \'hide\': isLanding}" class="music-box__sub__header"><a href="Experiments" analytics-on="click" analytics-event="back-from-experiment" analytics-category="page-actions" analytics-label="Backbutton clicked from experiment" class="music-box__sub__header__back-button"></a><div id="project-title" ng-bind="currentExperiment.title  | translate" class="music-box__sub__header__title">Project Title</div><div show-info analytics-on="click" analytics-event="open-about" analytics-category="page-actions" analytics-label="About experiment view opened" class="music-box__sub__header__info-button">?</div></div><div id="landing-header" ng-show="isLanding" class="music-box__landing__header"><div class="music-box__header__logo">{[{ \'Website_Name.message\' | translate }]}</div><div toggle-hamburger class="music-box__main-navigation__hamburger"><img src="/img/svg/svg_hamburger_menu.svg"></div><div toggle-hamburger class="music-box__main-navigation__background"></div><nav id="navigation" class="music-box__main-navigation"><div class="music-box__main-navigation__title">{[{ \'Website_Name.message\' | translate }]}</div><div class="music-box__main-navigation__item"><a href="Experiments" goto-main-section toggle-hamburger ng-class="{active: currentTag === \'Experiments\'}">{[{ \'Experiments_Title.message\' | translate }]}</a></div><div class="music-box__main-navigation__item"><a href="About" goto-main-section toggle-hamburger ng-class="{active: currentTag === \'About\'}">{[{ \'About_Title.message\' | translate }]}</a></div><div class="music-box__menu__logo"><div class="music-box__google-logo"></div></div></nav></div></header><div class="music-box__container"><div ng-show="isLanding == false" ng-include="templateUrl" class="music-box__experiment__container"></div><div ng-show="isLanding" ng-controller="ExperimentsCntrl" class="music-box__section__container"><div id="experiments" class="music_box__section--experiments"><div ng-repeat="item in experiments" class="music_box__experiments__item"><a href="/{[{item.key}]}/" key="{[{item.key}]}"><div class="music_box__experiments__item__info"><h1>{[{item.title | translate}]}</h1></div><img ng-src="/img/experiments/{[{item.img}]}"></a></div></div><div id="about" class="music_box__section--about"><div class="music_box_section__qa"><div class="music_box_section__qa__q"><h3>What is Chrome Music Lab?</h3><p>Chrome Music Lab is a website that makes learning music more accessible through fun, hands-on experiments.</p></div></div><div class="music_box_section__qa"><div class="music_box_section__qa__q"><h3>What can it be used for?</h3><p>Many teachers have been using Chrome Music Lab as a tool in their classrooms to explore music and its connections to <a href="https://twitter.com/UMAMS_Vikings/status/905025089917378560" target="_blank">science</a>, <a href="https://twitter.com/hums134/status/857299190090780681" target="_blank">math</a>, <a href="https://twitter.com/donnatcsd/status/829499197749473280" target="_blank">art</a>, and more. They’ve been combining it with <a href="https://twitter.com/erikat_ocsb/status/911324608476930049" target="_blank">dance</a> and <a href="https://twitter.com/robheathmusic/status/831609120734191617" target="_blank">live instruments</a>. Here’s <a href="https://twitter.com/i/moments/826075807915192320" target="_blank">a collection of some uses</a> we’ve found on Twitter.</p></div></div><div class="music_box_section__qa"><div class="music_box_section__qa__q"><h3>Can I use it to make my own songs?</h3><p>Yes. Check out the <a href="https://g.co/songmaker">Song Maker</a> experiment, which lets you make and share your own songs.</p></div></div><div class="music_box_section__qa"><div class="music_box_section__qa__q"><h3>Do I need to make an account?</h3><p>Nope. Just open any experiment and start playing.</p></div></div><div class="music_box_section__qa"><div class="music_box_section__qa__q"><h3>How were these built?</h3><p>All our experiments are all built with freely accessible web technology such as <a href="https://en.wikipedia.org/wiki/HTML5_Audio#Web_Audio_API_and_MediaStream_Processing_API" target="_blank">Web Audio API</a>, <a href="https://www.w3.org/TR/webmidi/" target="_blank">WebMIDI</a>, <a href="https://tonejs.github.io/" target="_blank">Tone.js</a>, and more. These tools make it easier for coders to build new interactive music experiences. You can get the open-source code to lots of these experiments <a href="https://github.com/googlecreativelab/chrome-music-lab" target="_blank">here on Github</a>.</p></div></div><div class="music_box_section__qa"><div class="music_box_section__qa__q"><h3>What devices do these work on?</h3><p>You can play with these experiments across devices – phones, tablets, laptops – just by opening the site on a web browser such as <a href="https://www.google.com/chrome/" target="_blank">Chrome</a>.</p></div></div><div class="music_box_section__qa"><div class="music_box_section__qa__q"><h3>What\'s next for Chrome Music Lab?</h3><p>We always get inspired by new, unexpected ways that people use these experiments. If you’d like to share something with us, post it with #chromemusiclab or <a href="mailto:chromemusiclab-support@google.com" target="_blank">drop us a line</a>.</p></div></div></div><footer class="music-box__normal-footer"><div class="music_box__section music-box__normal-footer__container"><a href="//google.com" target="_blank" class="music-box__google-logo"></a><div class="music-box__privacy__terms"><a href="https://www.google.com/intl/en/policies/privacy/" target="_blank" analytics-on="click" analytics-event="click-privacy" analytics-category="external-resources" analytics-label="Privacy Clicked">Privacy </a>& <a href="https://www.google.com/intl/en/policies/terms/" target="_blank" analytics-on="click" analytics-event="click-terms" analytics-category="external-resources" analytics-label="Terms Clicked">Terms</a></div></div><div ng-controller="PianoCntrl" play-tone analytics-on="click" analytics-event="play-piano" analytics-category="easter-egg" analytics-label="Piano was played" class="music-box__piano__container"><div index="{[{$index}]}" ng-repeat="n in [\'#D6A245\',\'#E4A93C\',\'#F1B032\',\'#FFB729\',\'#FBC354\',\'#F7D07E\',\'#F3DCA9\',\'#EFE8D3\']" style="background-color:{[{n}]}" class="music-box__piano__key"></div></div></footer></div></div><script type="text/javascript" src="/bin/lib/modernizr-custom.js"></script><script type="text/javascript" src="/bin/lib/Tone.min.js"></script><script type="text/javascript" src="/js/app.js"></script><script> (function(i,s,o,g,r,a,m){i[\'GoogleAnalyticsObject\']=r;i[r]=i[r]||function(){');
  3. document.write('(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),');
  4. document.write(' m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)');
  5. document.write('        })(window,document,\'script\',\'//www.google-analytics.com/analytics.js\',\'ga\');');
  6. document.write(' ga(\'create\', \'UA-74066547-1\', \'auto\');</script></body></html>');
  7.  

Editor

You can edit this paste and save as new:


File Description
  • Interland
  • Paste Code
  • 09 Jun-2023
  • 9.92 Kb
You can Share it: