AAC — Audiocogs.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0032)http://audiocogs.org/codecs/aac/ -->
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <title>AAC — Audiocogs</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  8. <link rel="stylesheet" type="text/css" href="./AAC — Audiocogs_files/all.min.css">
  9. <link rel="shortcut icon" href="http://audiocogs.org/favicon.ico">
  10. <!--[if lt IE 9]>
  11. <script src="/scripts/html5shiv.js"></script>
  12. <![endif]-->
  13. <link rel="alternate" type="application/rss+xml" title="Audiocogs Blog" href="http://audiocogs.org/rss.xml">
  14. </head>
  15. <body class="codec">
  16. <section>
  17. <header class="main">
  18. <div class="inner">
  19. <h1>
  20. <div id="name">
  21. <a href="http://audiocogs.org/">Audiocogs</a>
  22. </div>
  23. <div id="social">
  24. <a href="http://twitter.com/audiocogs"><img id="twitterbird" class="twitter" width="30" height="30" src="./AAC — Audiocogs_files/white-twitter.png"
  25. alt="Audiocogs on twitter."></a>
  26. <a href="https://github.com/audiocogs"><img id="white-octocat" class="github" width="30" height="30" src="./AAC — Audiocogs_files/white-octocat.png"
  27. alt="Audiocogs on github."></a>
  28. </div>
  29. </h1>
  30. </div>
  31. </header>
  32. <section id="content">
  33. <div class="title-nav">
  34. <ul>
  35. <li><a href="http://audiocogs.org/codecs">Codecs</a></li>
  36. <li><a href="http://audiocogs.org/codecs/mp3">MP3</a></li>
  37. <li><a href="http://audiocogs.org/codecs/alac">ALAC</a></li>
  38. <li><a href="http://audiocogs.org/codecs/flac">FLAC</a></li>
  39. <li><a href="http://audiocogs.org/codecs/aac">AAC</a></li>
  40. </ul>
  41. </div>
  42. <article>
  43. <header>
  44. <h1 id="article_title">AAC</h1>
  45. </header>
  46. <link rel="stylesheet" href="./AAC — Audiocogs_files/player.css">
  47. <script src="./AAC — Audiocogs_files/classlist.js"></script>
  48. <script>
  49. var unsupported;
  50. if (!window.Audio || !('mozWriteAudio' in new Audio()) && !window.AudioContext && !window.webkitAudioContext) {
  51. unsupported = true;
  52. document.body.classList.add("unsupported");
  53. }
  54. </script>
  55. <div id="unsupported">
  56. We're really sorry about this, but it looks like your browser doesn't support an Audio API. Please
  57. try these demos in Chrome 15+ or Firefox 8+ or watch a <a href="http://vimeo.com/33919455">screencast</a>.
  58. </div>
  59. <p>Advanced Audio Coding (AAC) is a standardized, high quality lossy audio codec, designed as the successor to the
  60. MP3 format. AAC is now one of the most widely deployed audio codecs, and such names as the iTunes Store
  61. distribute music in the AAC format.</p>
  62. <p>AAC can be played in a limited number of browsers using the HTML5 audio element, however, some browsers do not
  63. support the codec for various reasons. <a href="https://github.com/ofmlabs/aac.js">AAC.js</a> is a JavaScript AAC
  64. 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>
  65. audio framework.</p>
  66. <!-- <script src="./AAC — Audiocogs_files/player.js"></script>
  67. <script src="./AAC — Audiocogs_files/auroraplayer.js"></script> -->
  68. <script src="players.js"></script>
  69. <script src="auroraplayer.js"></script>
  70. <div class="player" id="dgplayer" tabindex="0">
  71. <div class="avatar">
  72. <img src="./AAC — Audiocogs_files/fallback_album_art.png">
  73. </div>
  74. <span class="title">undefined</span>
  75. <span class="artist">undefined</span>
  76. <div class="button"></div>
  77. <div class="volume">
  78. <img src="./AAC — Audiocogs_files/volume_high.png">
  79. <div class="track">
  80. <div class="progress" style="height: 60px;"></div>
  81. <div class="handle" style="transform: translate3d(0px, -52px, 0px);"></div>
  82. </div>
  83. <img src="./AAC — Audiocogs_files/volume_low.png">
  84. </div>
  85. <div class="seek">
  86. <span>0:12</span>
  87. <div class="track">
  88. <div class="loaded" style="width: 228px;"></div>
  89. <div class="progress" style="width: 220.115px;"></div>
  90. </div>
  91. <span>-0:00</span>
  92. </div>
  93. <div class="file_button"></div>
  94. <span class="file_description">Choose an AAC file on your computer</span>
  95. </div>
  96. <!-- <script src="./AAC — Audiocogs_files/aurora.js"></script>
  97. <script src="./AAC — Audiocogs_files/aac.js"></script> -->
  98. <script src="aurora.js"></script>
  99. <script src="aac.js"></script>
  100. <script type="text/javascript">
  101. // Chrome doesn't support changing the sample rate, and uses whatever the hardware supports.
  102. // We cheat here. Instead of resampling on the fly, we're currently just loading two different
  103. // files based on common hardware sample rates.
  104. //Chrome不支持改变采样率,而是使用硬件支持的任何东西。
  105. //我们在这里作弊。只是重新取样,而不是现在的两个
  106. //基于通用硬件采样率的文件。
  107. var _sampleRate = (function() {
  108. var AudioContext = (window.AudioContext || window.webkitAudioContext);
  109. if (!AudioContext)
  110. return 44100;
  111. return new AudioContext().sampleRate;
  112. }());
  113. (function(DGPlayer) {
  114. if (unsupported) return;
  115. DGPlayer.volume = 100;
  116. var player, onplay;
  117. var url = '';
  118. DGPlayer.on('play', onplay = function() {
  119. console.log("走到播放里面了play");
  120. if (player)
  121. player.disconnect();
  122. player = new DGAuroraPlayer(AV.Player.fromURL(url), DGPlayer);
  123. DGPlayer.off('play', onplay);
  124. });
  125. DGPlayer.on('file', function(file) {
  126. console.log("走到播放里面了file");
  127. if (file) {
  128. if (player)
  129. player.disconnect();
  130. player = new DGAuroraPlayer(AV.Player.fromFile(file), DGPlayer);
  131. DGPlayer.off('play', onplay);
  132. }
  133. });
  134. }(DGPlayer(document.getElementById('dgplayer'))));
  135. </script>
  136. </article>
  137. </section>
  138. </section>
  139. </body>
  140. </html>