tangdehang
/
android-cloud-H5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
							

<!DOCTYPE html>


<html>
<head>
	<meta charset="utf-8"> 
	<title>AAC &mdash; Audiocogs</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<link rel="stylesheet" type="text/css" href="/css/all.min.css">
	<link rel="shortcut icon" href="/favicon.ico">
	<!--[if lt IE 9]>
	<script src="/scripts/html5shiv.js"></script>
	<![endif]-->

	<link rel="alternate" type="application/rss+xml" title="Audiocogs Blog" href="/rss.xml">
</head>
<body class="codec">
<section>
	<header class="main">
		<div class="inner">
		<h1>
			<div id="name">
				<a href="/">Audiocogs</a>
			</div>
			<div id="social">
				<a href="http://twitter.com/audiocogs"><img id="twitterbird" class="twitter" width="30" height="30" src="/images/white-twitter.png" alt="Audiocogs on twitter."></a>
				<a href="https://github.com/audiocogs"><img id="white-octocat" class="github" width="30" height="30" src="/images/white-octocat.png" alt="Audiocogs on github."></a>
			</div>
		</h1>
		</div>
	</header>
	<section id="content">
		<div class="title-nav">
			<ul>

        <li><a href="/codecs">Codecs</a></li>

        <li><a href="/codecs/mp3">MP3</a></li>
        <li><a href="/codecs/alac">ALAC</a></li>
        <li><a href="/codecs/flac">FLAC</a></li>
        <li><a href="/codecs/aac">AAC</a></li>

			</ul>
		</div>

		<article>
			<header>
				
				<h1 id="article_title">AAC</h1>
				
				
			</header>


<link rel="stylesheet" href="/dgplayer/player.css" />

<script src="/dgplayer/resources/classlist.js"></script>
<script>
var unsupported;
if (!window.Audio || !('mozWriteAudio' in new Audio()) && !window.AudioContext && !window.webkitAudioContext) {
    unsupported = true;
    document.body.classList.add("unsupported");
}
</script>
<div id="unsupported">
We're really sorry about this, but it looks like your browser doesn't support an Audio API. Please
try these demos in Chrome 15+ or Firefox 8+ or watch a <a href="http://vimeo.com/33919455">screencast</a>.
</div>


<p>Advanced Audio Coding (AAC) is a standardized, high quality lossy audio codec, designed as the successor to the MP3 format. AAC is now one of the most widely deployed audio codecs, and such names as the iTunes Store distribute music in the AAC format.</p>

<p>AAC can be played in a limited number of browsers using the HTML5 audio element, however, some browsers do not support the codec for various reasons. <a href="https://github.com/ofmlabs/aac.js">AAC.js</a> is a JavaScript AAC decoder that enables decoding and playback of AAC files in all browsers supported by the <a href="https://github.com/ofmlabs/aurora.js">Aurora.js</a> audio framework.</p>


<script src="/dgplayer/player.js"></script>
<script src="/codecs/js/auroraplayer.js"></script>

<div class="player" id="dgplayer" tabindex="0">
    <div class="avatar">
        <img src="/dgplayer/resources/fallback_album_art.png">
    </div>

    <span class="title">Unknown Title</span>
    <span class="artist">Unknown Artist</span>

    <div class="button"></div>

    <div class="volume">
        <img src="/dgplayer/resources/volume_high.png">
        <div class="track">
            <div class="progress"></div>
            <div class="handle"></div>
        </div>
        <img src="/dgplayer/resources/volume_low.png">
    </div>

    <div class="seek">
        <span>0:00</span>
        <div class="track">
            <div class="loaded"></div>
            <div class="progress"></div>
        </div>
        <span>-0:00</span>
    </div>
    
    <div class="file_button"></div>
    <span class="file_description">Choose an AAC file on your computer</span>
</div>

<script src="/codecs/js/aurora.js"></script>
<script src="/codecs/js/aac.js"></script>

<script type="text/javascript">
// Chrome doesn't support changing the sample rate, and uses whatever the hardware supports.
// We cheat here.  Instead of resampling on the fly, we're currently just loading two different
// files based on common hardware sample rates.
var _sampleRate = (function() {
    var AudioContext = (window.AudioContext || window.webkitAudioContext);
    if (!AudioContext)
        return 44100;
    
    return new AudioContext().sampleRate;
}());

(function(DGPlayer){
    if (unsupported) return;
    
    DGPlayer.volume = 100;
    
    var player, onplay;
    var url = '';
    
    DGPlayer.on('play', onplay = function(){
        if (player)
            player.disconnect();
            
        player = new DGAuroraPlayer(AV.Player.fromURL(url), DGPlayer);
        DGPlayer.off('play', onplay);
    });
    
    DGPlayer.on('file', function(file) {        
        if (file) {
            if (player)
                player.disconnect();
                
            player = new DGAuroraPlayer(AV.Player.fromFile(file), DGPlayer);
            DGPlayer.off('play', onplay);
        }
    });
    
}(DGPlayer(document.getElementById('dgplayer'))));
</script>


		</article>

	</section>
</section>
</body>
</html>