making some audio-visualizer with SoundCloud API.
A Pen by Yuma Yanagisawa on CodePen.
Yuma Yanagisawa yumayanagisawa
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script src="http://connect.soundcloud.com/sdk.js"></script> | |
| <div class="load-mask">loading..</div> | |
| <header> | |
| <h1>Music Player</h1> | |
| </header> | |
| <div id="main-visual"> | |
| </div> | |
| <section id="juke-box"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script src="http://connect.soundcloud.com/sdk.js"></script> | |
| <div class="load-mask">loading..</div> | |
| <header> | |
| <h1>Music Player</h1> | |
| </header> | |
| <div id="main-visual"> | |
| </div> | |
| <section id="juke-box"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <head> | |
| <meta charset="utf-8"> | |
| <title>Music Player 2nd</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <script src="https://connect.soundcloud.com/sdk.js"></script> | |
| </head> | |
| <body> | |
| <div class="load-mask"></div> | |
| <header> | |
| <h1>Music Player</h1> |
yumayanagisawa
/ index.html
Created
December 24, 2014 14:15
spatial sound experience -web audio api-
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| press arrow keys on your keyboard | |
| move listener position | |
| have fun with spatial sound effect | |
| --> |
yumayanagisawa
/ file0.txt
Created
January 21, 2015 18:29
a tagの中身がないとIEで動かない ref: http://qiita.com/ya7gisa0/items/f087f13e27240a720055
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| a { | |
| display:block; | |
| width: Apx; | |
| height: Bpx; | |
| position: absolute; | |
| top: x; | |
| left: y; | |
| } |
yumayanagisawa
/ Remove-event-listener-passing-class.markdown
Created
February 4, 2015 18:10
Remove event listener passing class
when you want to remove an event listener where the element has multiple listeners that trigger same functions called by each class.
A Pen by Yuma Yanagisawa on CodePen.
CSS 3D TRANSFORM ANIMATION
A Pen by Yuma Yanagisawa on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <canvas id="myCanvas"></canvas> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="clock-container"> | |
| <ul> | |
| <li>Los Angeles<span>12:34</span></li> | |
| <li>London<span>12:34</span></li> | |
| <li>Paris<span>12:34</span></li> | |
| <li>Rome<span>12:34</span></li> | |
| <li>Tokyo<span>12:34</span></li> | |
| </ul> | |
| </div> |
OlderNewer