forked from CreateJS/SoundJS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (74 loc) · 4.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SoundJS: A Javascript Library for Working with HTML5 Audio.</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body align="center">
<div class="content">
<header>
<p style="text-align:center;"><a href="http://github.com/gskinner/SoundJS"><img style="position: fixed; top: 0; left: 0; border: 0; z-index:200;" src="https://assets0.github.com/img/6429057dfef9e98189338d22e7f6646c6694f032?repo=&url=http%3A%2F%2Fs3.amazonaws.com%2Fgithub%2Fribbons%2Fforkme_left_orange_ff7600.png&path=" alt="Fork me on GitHub"></a>
<img src="img/logo.gif" width="240" height="120" style="margin-top:-5px; margin-bottom: -40px;" alt="A javascript library for working with html5 audio"/></p>
<p> </p>
<h1>
a javascript library for working with<br/>
html5 audio
</h1>
<img src="img/flourish.gif" style="margin-bottom:10px;"/>
</header>
<article>
<p class="callout news">
<strong class="newstitle">SoundJS v0.1</strong><br/>
First official alpha release of SoundJS. <strong><a href="http://github.com/gskinner/SoundJS">Download now.</a></strong>
</p>
<p class="callout"><strong>links:</strong>
<a href="http://github.com/gskinner/SoundJS/downloads/">download source</a>,
<a href="docs/">API documentation</a>,
<a href="http://github.com/gskinner/SoundJS/">GitHub repository</a>
</p>
<p>Audio in HTML is promising, but can be quite difficult to work with. Each browser has a similar but different approach, which requires a lot of guess and test, and edge cases, which can add up to a lot of time spent. The SoundJS JavaScript library provides a simple API, and some powerful features to make working with audio a breeze.</p>
<p class="callout"><strong>examples:</strong>
<a href="examples/convolution.html">Convolution</a>,
<a href="examples/interrupt.html">Interrupt</a>,
<a href="examples/dynamicInstance.html">Dynamic Instances</a>,
<a href="examples/masterVolume.html">Master Volume</a>,
<a href="examples/game/game.html">A Game</a>,
<a href="../examples/TestSuite.html">Test Suite</a>
</p>
<p>For an example of SoundJS being used in a large-scale project, see <a href="http://pirateslovedaisies.com/">Pirates Love Daisies</a>, which uses techniques and approaches that were eventually rolled into SoundJS.</p>
<p>SoundJS was built by <a href="http://gskinner.com/">gskinner.com</a>, and is released under the MIT license, which means you can use it freely for almost any purpose (including commercial projects). We appreciate credit where appropriate, but it is not a requirement.</p>
<p>SoundJS is currently in early alpha. We will be making significant improvements to the library, samples, and documentation over the coming weeks. Please be aware that this may necessitate changes to the existing API.</p>
<p class="callout">
<strong>companions: </strong>
SoundJS works great with <a href="http://easeljs.com/">EaselJS</a>
</p>
<p>In our preliminary testing, SoundJS appears to be fully compatible with Android, and all major desktop browsers that support the canvas element.</p>
<img src="img/flourish2.gif" style="margin: 5px;"/>
<p> The key features are: </p>
<h3>Channel Management</h3>
<p>Deals with the maximums in different browsers, as well as helping determine the best channel to interrupt when dealing with multiple sounds of the same kind.</p>
<h3>Batch Loading</h3>
<p>Manages the preloading of a sound queue.</p>
<h3>Master Volume Control</h3>
<p>Control individual sound volume, or the volume of all sound channels at once, including muting.</p>
<p>Have a look at the full <a href="docs/">API documentation</a> for more info.</p>
<img src="img/flourish2.gif" style="margin: 5px;"/>
<h3>Planned updates</h3>
<p>SoundJS will be updated as time permits. We're not making any promises, but here are some of the things we're thinking of doing:</p>
<ul>
<li>Smooth progress</li>
<li>Optimization</li>
</ul>
</article>
<footer>
<img src="img/flourish2.gif" style="margin: 5px;"/>
<p>
<script>
document.write("©" + new Date().getFullYear());
</script>
<a href="http://gskinner.com/">gskinner.com, inc.</a> | proudly hosted by <a href="http://mediatemple.com/">Media Temple</a></p>
</footer>
</div>
</body>
</html>