123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- <!DOCTYPE html>
- <!-- saved from url=(0032)http://audiocogs.org/codecs/aac/ -->
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>AAC — Audiocogs</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <link rel="stylesheet" type="text/css" href="./AAC — Audiocogs_files/all.min.css">
- <link rel="shortcut icon" href="http://audiocogs.org/favicon.ico">
- <!--[if lt IE 9]>
- <script src="/scripts/html5shiv.js"></script>
- <![endif]-->
- <link rel="alternate" type="application/rss+xml" title="Audiocogs Blog" href="http://audiocogs.org/rss.xml">
- </head>
- <body class="codec">
- <section>
- <header class="main">
- <div class="inner">
- <h1>
- <div id="name">
- <a href="http://audiocogs.org/">Audiocogs</a>
- </div>
- <div id="social">
- <a href="http://twitter.com/audiocogs"><img id="twitterbird" class="twitter" width="30" height="30" src="./AAC — Audiocogs_files/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="./AAC — Audiocogs_files/white-octocat.png"
- alt="Audiocogs on github."></a>
- </div>
- </h1>
- </div>
- </header>
- <section id="content">
- <div class="title-nav">
- <ul>
- <li><a href="http://audiocogs.org/codecs">Codecs</a></li>
- <li><a href="http://audiocogs.org/codecs/mp3">MP3</a></li>
- <li><a href="http://audiocogs.org/codecs/alac">ALAC</a></li>
- <li><a href="http://audiocogs.org/codecs/flac">FLAC</a></li>
- <li><a href="http://audiocogs.org/codecs/aac">AAC</a></li>
- </ul>
- </div>
- <article>
- <header>
- <h1 id="article_title">AAC</h1>
- </header>
- <link rel="stylesheet" href="./AAC — Audiocogs_files/player.css">
- <script src="./AAC — Audiocogs_files/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="./AAC — Audiocogs_files/player.js"></script>
- <script src="./AAC — Audiocogs_files/auroraplayer.js"></script> -->
- <script src="players.js"></script>
- <script src="auroraplayer.js"></script>
- <div class="player" id="dgplayer" tabindex="0">
- <div class="avatar">
- <img src="./AAC — Audiocogs_files/fallback_album_art.png">
- </div>
- <span class="title">undefined</span>
- <span class="artist">undefined</span>
- <div class="button"></div>
- <div class="volume">
- <img src="./AAC — Audiocogs_files/volume_high.png">
- <div class="track">
- <div class="progress" style="height: 60px;"></div>
- <div class="handle" style="transform: translate3d(0px, -52px, 0px);"></div>
- </div>
- <img src="./AAC — Audiocogs_files/volume_low.png">
- </div>
- <div class="seek">
- <span>0:12</span>
- <div class="track">
- <div class="loaded" style="width: 228px;"></div>
- <div class="progress" style="width: 220.115px;"></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="./AAC — Audiocogs_files/aurora.js"></script>
- <script src="./AAC — Audiocogs_files/aac.js"></script> -->
- <script src="aurora.js"></script>
- <script src="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.
-
- //Chrome不支持改变采样率,而是使用硬件支持的任何东西。
-
- //我们在这里作弊。只是重新取样,而不是现在的两个
-
- //基于通用硬件采样率的文件。
-
- 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() {
- console.log("走到播放里面了play");
- if (player)
- player.disconnect();
- player = new DGAuroraPlayer(AV.Player.fromURL(url), DGPlayer);
- DGPlayer.off('play', onplay);
- });
- DGPlayer.on('file', function(file) {
- console.log("走到播放里面了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>
|