| /index.html |
|---|
| @@ -15,6 +15,8 @@ |
|---|
| <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> |
| <!-- Font Awesome --> |
| <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"> |
| <!-- Bootstrap Toggle --> |
| <link href="bower_components/bootstrap-toggle/css/bootstrap-toggle.min.css" rel="stylesheet"> |
| |
| <!-- Site-wide style CCS --> |
| <link href="css/style.css" rel="stylesheet"> |
| @@ -30,7 +32,10 @@ |
|---|
| </div> |
| |
| <div class="container"> |
| |
| <div class="pull-right"> |
| <input id="toggle-sound" type="checkbox"> |
| </div> |
| |
| <ul class="nav nav-tabs"> |
| <li class="active"><a href="#">Home</a></li> |
| <li><a href="file.html">File</a></li> |
| @@ -104,10 +109,14 @@ |
|---|
| <script src="bower_components/angular/angular.min.js"></script> |
| <!-- BootStrap --> |
| <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> |
| <!-- BootStrap Toggle --> |
| <script src="bower_components/bootstrap-toggle/js/bootstrap-toggle.min.js"></script> |
| <!-- SoundJS --> |
| <script src="bower_components/SoundJS/lib/soundjs-NEXT.combined.js"></script> |
| <!-- YAML --> |
| <script src="bower_components/yaml.js/dist/yaml.min.js"></script> |
| <!-- js-cookie --> |
| <script src="bower_components/js-cookie/src/js.cookie.js"></script> |
| <script> |
| var app = angular.module('scratch', []); |
| app.controller('scratch-control', function($scope, $http) { |
| @@ -132,33 +141,55 @@ |
|---|
| </script> |
| <!-- Hiss sounds --> |
| <script> |
| $(document).ready(() => { |
| if (!createjs.Sound.initializeDefaultPlugins() || |
| createjs.BrowserDetect.isIOS || |
| createjs.BrowserDetect.isAndroid || |
| createjs.BrowserDetect.isBlackberry) |
| return; |
| $(document).ready(() => { |
| // Get the sound cookie. |
| var play = (Cookies |
| .get('sound') == 'true' |
| ); |
| // Play the sounds. |
| if(play) { |
| if (!createjs.Sound.initializeDefaultPlugins() || |
| createjs.BrowserDetect.isIOS || |
| createjs.BrowserDetect.isAndroid || |
| createjs.BrowserDetect.isBlackberry) |
| return; |
| |
| const hiss = [ |
| "snd/hisses/hiss_1.mp3", |
| "snd/hisses/hiss_2.mp3", |
| "snd/hisses/hiss_3.mp3", |
| "snd/hisses/hiss_4.mp3", |
| "snd/hisses/hiss_5.mp3", |
| "snd/hisses/hiss_6.mp3", |
| "snd/hisses/hiss_7.mp3", |
| "snd/hisses/hiss_8.mp3", |
| "snd/hisses/hiss_9.mp3", |
| "snd/hisses/hiss_10.mp3", |
| ]; |
| const hiss = [ |
| "snd/hisses/hiss_1.mp3", |
| "snd/hisses/hiss_2.mp3", |
| "snd/hisses/hiss_3.mp3", |
| "snd/hisses/hiss_4.mp3", |
| "snd/hisses/hiss_5.mp3", |
| "snd/hisses/hiss_6.mp3", |
| "snd/hisses/hiss_7.mp3", |
| "snd/hisses/hiss_8.mp3", |
| "snd/hisses/hiss_9.mp3", |
| "snd/hisses/hiss_10.mp3", |
| ]; |
| |
| createjs.Sound.onLoadComplete = |
| (event) => createjs.Sound.play(event.src); |
| createjs.Sound.addEventListener("fileload", |
| (event) => createjs.Sound.play(event.src)); |
| createjs.Sound.registerSound( |
| hiss[~~(Math.random() * hiss.length)] |
| ); |
| createjs.Sound.onLoadComplete = |
| (event) => createjs.Sound.play(event.src); |
| createjs.Sound.addEventListener("fileload", |
| (event) => createjs.Sound.play(event.src)); |
| createjs.Sound.registerSound( |
| hiss[~~(Math.random() * hiss.length)] |
| ); |
| } |
| |
| // Load the toggle. |
| $('#toggle-sound').bootstrapToggle({ |
| on: 'Annoy Kitty', |
| off: 'Pat Kitty', |
| onstyle: "success", |
| offstyle: "danger" |
| }).change(() => { |
| Cookies.set('sound', |
| !$('#toggle-sound') |
| .is(":checked") |
| ); |
| }) |
| .prop('checked', !play) |
| .change() |
| }); |
| </script> |
| </body> |
