//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> |