首页 探索 帮助
注册 登录
tangdehang
/
android-cloud-H5
关注 1
点赞 0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

新增目录

wuyongxiang 4 年之前
父节点
58ad9eb1b0
当前提交
477399bb50
共有 21 个文件被更改，包括 1097 次插入 和 9626 次删除
合并视图 显示文件统计
  1. 0 0
      CloudGames/experienceCenter.html
  2. 0 0
      CloudGames/trialInterface.html
  3. 0 0
      screenH5/WXtrialInterface.html
  4. 0 0
      screenH5/avc.wasm
  5. 0 0
      screenH5/home.html
  6. 1 0
      templates/homeNew.html
  7. 0 0
      screenH5/index.html
  8. 1096 0
      screenH5/trialInterface.html
  9. 0 183
      static/js/AAC — Audiocogs.html
  10. 0 4655
      static/js/AAC — Audiocogs_files/aac.js
  11. 0 3
      static/js/AAC — Audiocogs_files/all.min.css
  12. 0 4003
      static/js/AAC — Audiocogs_files/aurora.js
  13. 0 83
      static/js/AAC — Audiocogs_files/auroraplayer.js
  14. 0 53
      static/js/AAC — Audiocogs_files/classlist.js
  15. 二进制
      static/js/AAC — Audiocogs_files/fallback_album_art.png
  16. 0 283
      static/js/AAC — Audiocogs_files/player.css
  17. 0 363
      static/js/AAC — Audiocogs_files/player.js
  18. 二进制
      static/js/AAC — Audiocogs_files/volume_high.png
  19. 二进制
      static/js/AAC — Audiocogs_files/volume_low.png
  20. 二进制
      static/js/AAC — Audiocogs_files/white-octocat.png
  21. 二进制
      static/js/AAC — Audiocogs_files/white-twitter.png

templates/experienceCenter.html → CloudGames/experienceCenter.html
查看文件


templates/trialInterface.html → CloudGames/trialInterface.html
查看文件


templates/WXtrialInterface.html → screenH5/WXtrialInterface.html
查看文件


templates/avc.wasm → screenH5/avc.wasm
查看文件


templates/home.html → screenH5/home.html
查看文件


+ 1 - 0
templates/homeNew.html
查看文件 

@@ -386,6 +386,7 @@
 
 			console.log(url)
 
 			console.log(url)
 
 			// var baseUrl = 'https://' + url[2] //'http://192.168.31.159'//'http://' + url[2] 
 			// var baseUrl = 'https://' + url[2] //'http://192.168.31.159'//'http://' + url[2] 
 			var baseUrl = 'http://192.168.31.20'
 
 			var baseUrl = 'http://192.168.31.20'
 
+			// var baseUrl='https://test.androidscloud.com';
 
 			var query = window.location.search.substring(1);
 
 			var query = window.location.search.substring(1);
 
 			var vars = query.split("&");
 
 			var vars = query.split("&");
 
 			//						 var urls = "https://xcx.androidscloud.com"
 
 			//						 var urls = "https://xcx.androidscloud.com"

templates/index.html → screenH5/index.html
查看文件


文件差异内容过多而无法显示
+ 1096 - 0
screenH5/trialInterface.html


+ 0 - 183
static/js/AAC — Audiocogs.html
查看文件 

@@ -1,183 +0,0 @@
 
-<!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>

文件差异内容过多而无法显示
+ 0 - 4655
static/js/AAC — Audiocogs_files/aac.js


文件差异内容过多而无法显示
+ 0 - 3
static/js/AAC — Audiocogs_files/all.min.css


文件差异内容过多而无法显示
+ 0 - 4003
static/js/AAC — Audiocogs_files/aurora.js


+ 0 - 83
static/js/AAC — Audiocogs_files/auroraplayer.js
查看文件 

@@ -1,83 +0,0 @@
 
-UNKNOWN_ART = '/dgplayer/resources/fallback_album_art.png';
 
-
 
-function DGAuroraPlayer(player, DGPlayer) {
 
-    this.player = player;
 
-    this.ui = DGPlayer;
 
-    
-    DGPlayer.seekTime = 0;
 
-    DGPlayer.duration = 0;
 
-    DGPlayer.bufferProgress = 0;
 
-
 
-    var onplay, onpause, onvolume, onformat, onbuffer, onprogress, onduration, onmetadata;
 
-    
-    DGPlayer.on('play', onplay = function() {
 
-        player.play();
 
-        DGPlayer.state = 'playing';
 
-    });
 
-    
-    DGPlayer.on('pause', onpause = function() {
 
-        player.pause();
 
-        DGPlayer.state = 'paused';
 
-    });
 
-    
-    DGPlayer.on('volume', onvolume = function(value) {
 
-        player.volume = value;
 
-    });
 
-    
-    player.on('buffer', onbuffer = function(percent) {
 
-        DGPlayer.bufferProgress = percent;
 
-    });
 
-    
-    player.on('progress', onprogress = function(time) {
 
-        DGPlayer.seekTime = time;
 
-    });
 
-    
-    player.on('duration', onduration = function(duration) {
 
-        DGPlayer.duration = duration;
 
-    });
 
-    
-    player.on('metadata', onmetadata = function(data) {
 
-        DGPlayer.songTitle = data.title;
 
-        DGPlayer.songArtist = data.artist;
 
-        
-        if (data.coverArt) {
 
-            DGPlayer.coverArt = data.coverArt.toBlobURL();
 
-        } else {
 
-            DGPlayer.coverArt = UNKNOWN_ART;
 
-        }
 
-    });
 
-    
-    var originalDescription = DGPlayer.fileDescription;
 
-    player.on('error', onerror = function(e) {
 
-        // reset state
 
-        DGPlayer.state = 'paused';
 
-        DGPlayer.duration = 0;
 
-        DGPlayer.bufferProgress = 0;
 
-        DGPlayer.seekTime = 0;
 
-        DGPlayer.coverArt = UNKNOWN_ART;
 
-        DGPlayer.songTitle = 'Unknown Title';
 
-        DGPlayer.songArtist = 'Unknown Artist';
 
-        
-        DGPlayer.fileDescription = "Hmm. I don't recognize that format. Try another.";
 
-        setTimeout(function() {
 
-            DGPlayer.fileDescription = originalDescription;
 
-        }, 3000);
 
-    });
 
-    
-    player.volume = DGPlayer.volume;
 
-    player.play();
 
-    DGPlayer.state = 'playing';
 
-    
-    this.disconnect = function() {
 
-        if (player) player.stop();
 
-        
-        DGPlayer.off('play', onplay);
 
-        DGPlayer.off('pause', onpause);
 
-        DGPlayer.off('volume', onvolume);
 
-        player.off('buffer', onbuffer);
 
-        player.off('format', onformat);
 
-        player.off('progress', onprogress);
 
-        player.off('duration', onduration);
 
-        player.off('metadata', onmetadata);
 
-    }
 
-}

+ 0 - 53
static/js/AAC — Audiocogs_files/classlist.js
查看文件 

@@ -1,53 +0,0 @@
 
-/*
 
- * Minimal classList shim for IE 9
 
- * By Devon Govett
 
- * MIT LICENSE
 
- */
 
-
 
-
 
-if (!("classList" in document.documentElement) && Object.defineProperty && typeof HTMLElement !== 'undefined') {
 
-    Object.defineProperty(HTMLElement.prototype, 'classList', {
 
-        get: function() {
 
-            var self = this;
 
-            function update(fn) {
 
-                return function(value) {
 
-                    var classes = self.className.split(/\s+/),
 
-                        index = classes.indexOf(value);
 
-
 
-                    fn(classes, index, value);
 
-                    self.className = classes.join(" ");
 
-                }
 
-            }
 
-
 
-            var ret = {                    
-                add: update(function(classes, index, value) {
 
-                    ~index || classes.push(value);
 
-                }),
 
-
 
-                remove: update(function(classes, index) {
 
-                    ~index && classes.splice(index, 1);
 
-                }),
 
-
 
-                toggle: update(function(classes, index, value) {
 
-                    ~index ? classes.splice(index, 1) : classes.push(value);
 
-                }),
 
-
 
-                contains: function(value) {
 
-                    return !!~self.className.split(/\s+/).indexOf(value);
 
-                },
 
-
 
-                item: function(i) {
 
-                    return self.className.split(/\s+/)[i] || null;
 
-                }
 
-            };
 
-            
-            Object.defineProperty(ret, 'length', {
 
-                get: function() {
 
-                    return self.className.split(/\s+/).length;
 
-                }
 
-            });
 
-
 
-            return ret;
 
-        }
 
-    });
 
-}

二进制
static/js/AAC — Audiocogs_files/fallback_album_art.png
查看文件


+ 0 - 283
static/js/AAC — Audiocogs_files/player.css
查看文件 

@@ -1,283 +0,0 @@
 
-@font-face {
 
-    font-family: 'Digital7Mono';
 
-    src: url('resources/digital-7_mono.eot');
 
-    src: url('resources/digital-7_mono.woff') format('woff'),
 
-         url('resources/digital-7_mono.eot?#iefix') format('embedded-opentype'),
 
-         url('resources/digital-7_mono.ttf') format('truetype');
 
-    font-weight: normal;
 
-    font-style: normal;
 
-}
 
-
 
-#unsupported {
 
-    display: none;
 
-    font-family: Helvetica, Arial, sans-serif;
 
-    top: 0;
 
-    margin: 10px;
 
-    padding: 10px;
 
-    color: white;
 
-    text-shadow: black 0 1px 3px;
 
-    background: #c50202;
 
-    background: -webkit-linear-gradient(#c50202, #950202);
 
-    background: -moz-linear-gradient(#c50202, #950202);
 
-    background: -o-linear-gradient(#c50202, #950202);
 
-    box-shadow: black 0 1px 10px;
 
-    -webkit-box-shadow: black 0 1px 10px;
 
-    -moz-box-shadow: black 0 1px 10px;
 
-    border-radius: 5px;
 
-}
 
-#unsupported a {
 
-	color: white;
 
-}
 
-.unsupported #unsupported {
 
-    display: block;
 
-}
 
-
 
-.player {
 
-    margin-top: 20px;
 
-    padding: 18px;
 
-    width: 323px;
 
-    height: 212px;
 
-    background: #202329;
 
-    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZCIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzYzQyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzE5MUUiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNncmFkKTsiIC8+PC9zdmc+);
 
-    background: -webkit-linear-gradient(#32363C, #17191e);
 
-    background: -moz-linear-gradient(#32363C, #17191e);
 
-    background: -o-linear-gradient(#32363C, #17191e);
 
-    border-radius: 5px;
 
-    border: 1px solid rgba(0, 0, 0, 0.85);
 
-    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0 inset, black 0 2px 18px;
 
-    -webkit-user-select: none;
 
-    -moz-user-select: none;
 
-    cursor: default;
 
-    position: relative;
 
-    outline: none;
 
-}
 
-
 
-.player, .player * {
 
-    -webkit-box-sizing: content-box;
 
-    -moz-box-sizing: content-box;
 
-    -ms-box-sizing: content-box;
 
-    -o-box-sizing: content-box;
 
-    box-sizing: content-box;
 
-}
 
-
 
-.player::selection {
 
-    background:transparent
 
-}
 
-        
-.player .avatar {
 
-    position: relative;
 
-    width: 130px;
 
-    height: 130px;
 
-    border: 1px solid rgba(0, 0, 0, 0.63);
 
-    box-sizing: border-box;
 
-    -moz-box-sizing: border-box;
 
-    box-shadow: rgba(0, 0, 0, 0.35) 0 1px 5px;
 
-    float: left;
 
-    margin: 0 10px 30px 0;
 
-}
 
-
 
-.player .avatar img {
 
-    width: 100%;
 
-    height: 100%;
 
-}
 
-
 
-.player .avatar::after {
 
-    position: absolute;
 
-    top: 0; left: 0; right: 0; bottom: -1px;
 
-    content: " ";
 
-    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNSkiIC8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNncmFkKTsiIC8+PC9zdmc+);
 
-    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 50%, transparent 50%);
 
-    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 50%, transparent 50%);
 
-    background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 50%, transparent 50%);
 
-    box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0 inset;
 
-}
 
-
 
-.player span.title {
 
-    font-family: Helvetica, Arial, "DejaVu Sans", sans-serif;
 
-    font-weight: 500;
 
-    font-size: 13px;
 
-    color: white;
 
-    margin: 0;
 
-    text-shadow: black 0 -1px 0;
 
-    display: block;
 
-    height: 15px;
 
-    line-height: 13px;
 
-    overflow: hidden;
 
-    text-overflow: ellipsis;
 
-    white-space: nowrap;
 
-}
 
-
 
-.player > span.artist {
 
-    font-family: Helvetica, Arial, "DejaVu Sans Condensed", sans-serif;
 
-    font-size: 11px;
 
-    color: #A7AAB1;
 
-    text-shadow: black 0 -1px 0;
 
-    display: block;
 
-    line-height: 13px;
 
-    overflow: hidden;
 
-    text-overflow: ellipsis;
 
-    white-space: nowrap;
 
-}
 
-
 
-.player a {
 
-    color: #A7AAB1;
 
-    text-decoration: none;
 
-}
 
-
 
-.player .button {
 
-    background: url(resources/playbutton.png);
 
-    width: 95px;
 
-    height: 95px;
 
-    float: left;
 
-    margin-left: 30px;
 
-    margin-top: 6px;
 
-    -webkit-tap-highlight-color: transparent;
 
-}
 
-
 
-.player .button:active {
 
-    background: url(resources/playbutton_active.png);
 
-}
 
-
 
-.player .button.pause {
 
-    background: url(resources/pausebutton.png);
 
-}
 
-
 
-.player .button.pause:active {
 
-    background: url(resources/pausebutton_active.png);
 
-}
 
-
 
-.player .volume {
 
-    position: absolute;
 
-    right: 15px;
 
-    top: 49px;
 
-}
 
-
 
-.player .volume img {
 
-    display: block;
 
-}
 
-
 
-.player .volume .track {
 
-    width: 8px;
 
-    height: 65px;
 
-    display: inline-block;
 
-    vertical-align: top;
 
-    margin: 5px 0 7px 2px;
 
-    background: #1B1D23;
 
-    box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, black 0 1px 4px inset;
 
-    border-radius: 5px;
 
-    position: relative;
 
-}
 
-
 
-.player .volume .track .progress {
 
-    width: 6px;
 
-    height: 0;
 
-    background: #0D0E10;
 
-    position: absolute;
 
-    bottom: 1px;
 
-    left: 1px;
 
-    box-shadow: black 0 1px 4px inset;
 
-    border-radius: 3px;
 
-}
 
-
 
-.player .volume .track .handle {
 
-    width: 20px;
 
-    height: 20px;
 
-    background: url(resources/handle.png);
 
-    position: absolute;
 
-    left: -6px;
 
-    bottom: 0;
 
-}
 
-
 
-.player .volume .track .handle.animatable {
 
-    -webkit-transition: -webkit-transform 200ms;
 
-    -moz-transition: bottom 200ms;
 
-    -o-transition: bottom 200ms;
 
-}
 
-
 
-.player .volume img {
 
-    -webkit-user-drag: none;
 
-}
 
-
 
-.player .volume .track .handle.active:before {
 
-    position: absolute;
 
-    content: " ";
 
-    top: 3px; left: 3px;
 
-    width: 12px; height: 12px;
 
-    border-radius: 13px;
 
-    box-shadow: white 0 0 12px;
 
-}
 
-
 
-.player .seek {
 
-    position: absolute;
 
-    left: 20px;
 
-    top: 167px;
 
-}
 
-
 
-.player .seek span {
 
-    color: white;
 
-    font-family: Helvetica, Arial, "DejaVu Sans Condensed", sans-serif;
 
-    font-size: 12px;
 
-    text-shadow: black 0 -1px 0;
 
-}
 
-
 
-.player .seek .track {
 
-    width: 230px;
 
-    height: 10px;
 
-    display: inline-block;
 
-    vertical-align: top;
 
-    margin: 8px 15px 0 15px;
 
-    background: #151619;
 
-    box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, black 0 1px 4px inset;
 
-    border-radius: 5px;
 
-    position: relative;
 
-}
 
-
 
-.player .seek .track .progress {
 
-    width: 0;
 
-    height: 8px;
 
-    border-radius: 4px;
 
-    position: absolute;
 
-    top: 1px; left: 1px;
 
-    background: #73B3C5;
 
-    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZCIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0E5RDVERSIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OUFEQkUiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNncmFkKTsiIC8+PC9zdmc+);
 
-    background: -webkit-linear-gradient(#A9D5DE, #69ADBE);
 
-    background: -moz-linear-gradient(#A9D5DE, #69ADBE);
 
-    background: -o-linear-gradient(#A9D5DE, #69ADBE);
 
-}
 
-
 
-.player .seek .track .loaded {
 
-    width: 0;
 
-    height: 8px;
 
-    border-radius: 4px;
 
-    position: absolute;
 
-    top: 1px; left: 1px;
 
-    background: -webkit-linear-gradient(#202328, #191B1E);
 
-    background: -moz-linear-gradient(#202328, #191B1E);
 
-    background: -o-linear-gradient(#202328, #191B1E);
 
-}
 
-
 
-.player .file_button {
 
-    position: absolute;
 
-    bottom: 2px;
 
-    left: 6px;
 
-    width: 52px;
 
-    height: 52px;
 
-    -webkit-tap-highlight-color: transparent;
 
-    background: url(resources/choosefile.png);
 
-}
 
-
 
-.player .file_button:active {
 
-    background: url(resources/choosefile_pressed.png);
 
-}
 
-
 
-.player span.file_description {
 
-    font-family: Helvetica, Arial, "DejaVu Sans Condensed", sans-serif;
 
-    font-weight: 100;
 
-    font-size: 12px;
 
-    color: #A7AAB1;
 
-    text-shadow: black 0 -1px 0;
 
-    display: block;
 
-    position: absolute;
 
-    left: 60px;
 
-    bottom: 16px;
 
-}

+ 0 - 363
static/js/AAC — Audiocogs_files/player.js
查看文件 

@@ -1,363 +0,0 @@
 
-function DGPlayer(root) {
 
-    
-    // Get elements
 
-    var events = {},
 
-        state = 'paused';
 
-    
-    // Preload images
 
-    new Image().src = "/dgplayer/resources/playbutton_active.png";
 
-    new Image().src = "/dgplayer/resources/pausebutton.png";
 
-    new Image().src = "/dgplayer/resources/pausebutton_active.png";
 
-    new Image().src = "/dgplayer/resources/choosefile_pressed.png";
 
-    
-    // Prevent text selection in IE
 
-    root.onselectstart = function() {
 
-        return false
 
-    }
 
-    
-    var seekBar = (function() {
 
-        
-        var loading = root.querySelector(".seek .track .loaded"),
 
-            progress = root.querySelector(".seek .track .progress"),
 
-            played = root.querySelector(".seek span:first-child"),
 
-            remaining = root.querySelector(".seek span:last-child"),
 
-            maxWidth = loading.parentNode.offsetWidth - 2,
 
-            loaded = 0, currentTime = 0, trackLength = 0, oldSeconds = 0;
 
-            
-            
-        function pad(input) {
 
-            return ("00" + input).slice(-2);
 
-        }
 
-        
-        return {
 
-            getTrackLength: function() {
 
-                return trackLength;
 
-            },
 
-
 
-            setTrackLength: function(time) {
 
-                trackLength = time;
 
-                this.seekTime = currentTime;
 
-            },
 
-
 
-            getCurrentTime: function() {
 
-                return currentTime;
 
-            },
 
-
 
-            setCurrentTime: function(time) {
 
-                oldSeconds = Math.floor(currentTime / 1000 % 60);;
 
-                currentTime = time;
 
-                
-                if (currentTime >= trackLength && trackLength > 0)
 
-                    emit("pause");
 
-
 
-                var t = currentTime / 1000,
 
-                    seconds = Math.floor(t % 60),
 
-                    minutes = Math.floor((t /= 60) % 60);
 
-                    
-                if (seconds === oldSeconds)
 
-                    return;
 
-                
-                played.innerHTML = minutes + ':' + pad(seconds);
 
-                
-                // only show the progress bar and remaining time if we know the duration
 
-                if (trackLength > 0) {
 
-                    var r = (trackLength - currentTime) / 1000,
 
-                        remainingSeconds = Math.floor(r % 60),
 
-                        remainingMinutes = Math.floor((r /= 60) % 60);
 
-                    
-                    remaining.innerHTML = '-' + remainingMinutes + ':' + pad(remainingSeconds);
 
-                    position = Math.max(0, Math.min(1, currentTime / trackLength));
 
-                    progress.style.width = maxWidth * position + 'px';
 
-                } else {
 
-                    remaining.innerHTML = '-0:00';
 
-                }
 
-            },
 
-            
-            getAmountLoaded: function() {
 
-                return loaded;
 
-            },
 
-            
-            setAmountLoaded: function(val) {
 
-                loaded = Math.max(0, Math.min(100, val));
 
-                loading.style.width = maxWidth * (loaded / 100) + 'px';
 
-            }
 
-        }
 
-        
-    })();
 
-        
-    var playpause = (function() {
 
-        
-        var button = root.querySelector(".button"),
 
-            interval = null, playing = false;
 
-            
-        button.onclick = function() {
 
-            emit(playing ? "pause" : "play");
 
-        };
 
-
 
-        root.addEventListener('keyup', function(e) {
 
-            e.which === 32 && emit(playing ? "pause" : "play");
 
-        });
 
-        
-        function setPlaying(play) {
 
-            if (playing = play)
 
-                button.classList.add("pause");
 
-            else
 
-                button.classList.remove("pause");
 
-        }
 
-        
-        return {
 
-            setPlaying: setPlaying,
 
-            getPlaying: function() {
 
-                return playing;
 
-            }
 
-        }
 
-        
-    })();
 
-    
-    var slider = (function() {
 
-        
-        var handle = root.querySelector(".volume .handle"),
 
-            progress = root.querySelector(".volume .progress"),
 
-            track = root.querySelector(".volume .track")
 
-            volumeLeft = root.querySelector(".volume img:first-child"),
 
-            volumeRight = root.querySelector(".volume img:last-child");
 
-            
-        var lastY = 0, 
-            down = false,
 
-            height = 65,
 
-            handleSize = 20,
 
-            min = -8,
 
-            max = height - handleSize / 2 - 3,
 
-            curY = Math.floor(height / 2 - handleSize / 2),
 
-            value = 50;
 
-            
-        function update(dontEmit) {
 
-            if ('webkitTransform' in handle.style)
 
-                handle.style.webkitTransform = "translate3d(0, " + (-max - min + curY) + "px" + ", 0)";
 
-            else
 
-                handle.style.bottom = max + min - curY + "px";
 
-
 
-            progress.style.height = max - curY + "px";
 
-            value = Math.round(100 - (curY - min) / (max - min) * 100);
 
-            
-            if (!dontEmit)
 
-                emit("volume", value);
 
-        }
 
-        update();
 
-        
-        handle.onmousedown = handle.ontouchstart = function(e) {
 
-            lastY = e.targetTouches ? e.targetTouches[0].pageY : e.clientY;
 
-            down = true;
 
-            e.stopPropagation();
 
-            handle.classList.add("active");
 
-            e.preventDefault();
 
-        }
 
-        
-        function onMove(e) {
 
-            var eventY = e.targetTouches ? e.targetTouches[0].pageY : e.clientY;
 
-            var y = Math.max(min, Math.min(max, curY + eventY - lastY));
 
-            if (!down || y === curY) return;
 
-
 
-            curY = y;
 
-            lastY = eventY;
 
-            update();
 
-        }
 
-        
-        function onUp(e) {
 
-            if(!down) return;
 
-            down = false;
 
-            handle.classList.remove("active");
 
-        }
 
-        
-        document.addEventListener("mousemove", onMove, false);
 
-        document.addEventListener("touchmove", onMove, false);
 
-        document.addEventListener("mouseup", onUp, false);
 
-        document.addEventListener("touchend", onUp, false);
 
-        
-        // Handle clicking on the minimum and maximum volume icons
 
-        function animate() {
 
-            handle.classList.add("animatable");
 
-            progress.classList.add("animatable");
 
-
 
-            update();
 
-
 
-            setTimeout(function() {
 
-                handle.classList.remove("animatable");
 
-                progress.classList.remove("animatable");
 
-            }, 250);
 
-        }
 
-        
-        volumeLeft.onclick = function() {
 
-            curY = min;
 
-            animate();
 
-        }
 
-
 
-        volumeRight.onclick = function() {
 
-            curY = max;
 
-            animate();
 
-        }
 
-        
-        // Handle clicking on the track
 
-        track.onmousedown = track.ontouchstart = function(e) {
 
-            var y = e.targetTouches ? e.targetTouches[0].pageY : e.clientY;
 
-            
-            // Get the absolute offsetTop of the track
 
-            var offset = 0, obj = track;
 
-            while (obj) {
 
-                offset += obj.offsetTop - obj.scrollTop;
 
-                obj = obj.offsetParent;
 
-            }
 
-            
-            curY = Math.max(min, Math.min(max, y - offset - (handleSize + min)));
 
-            handle.onmousedown(e);
 
-            update();
 
-        }
 
-        
-        return {
 
-            getValue: function() {
 
-                return value;
 
-            },
 
-            
-            setValue: function(val) {
 
-                val = Math.max(0, Math.min(100, val));
 
-                curY = max - (val / 100) * (max - min);
 
-                update(true);
 
-            }
 
-        }
 
-        
-    })();
 
-    
-    var filebutton = (function() {
 
-        
-        var button = root.querySelector('.file_button'),
 
-            input = document.createElement('input');
 
-            
-        input.setAttribute('type', 'file');
 
-        input.style.opacity = 0;
 
-        input.style.position = 'absolute';
 
-        input.style.left = '-1000px';
 
-        
-        input.onchange = function(e) {
 
-            emit('file', input.files[0]);
 
-        }
 
-        
-        button.onclick = function() {
 
-            input.click();
 
-			 console.log("bbbbbbbbbbbbb");
 
-        }
 
-        
-    })();
 
-    
-    function emit(event) {
 
-        if (!events[event]) return;
 
-        
-        var args = Array.prototype.slice.call(arguments, 1),
 
-            callbacks = events[event];
 
-            
-        for (var i = 0, len = callbacks.length; i < len; i++) {
 
-            callbacks[i].apply(null, args);
 
-        }
 
-    } 
-    
-    var API = {
 
-        on: function(event, fn) {
 
-            events[event] || (events[event] = []);
 
-            events[event].push(fn);
 
-        },
 
-        
-        off: function(event, fn) {
 
-            var eventsOf = events[event],
 
-                index = eventsOf.indexOf(fn);
 
-                
-            ~index && eventsOf.splice(index, 1);
 
-        }
 
-    };
 
-    
-    // Object.defineProperty shim for Opera
 
-    Object.defineProperty || (Object.defineProperty = function(obj, prop, config) {
 
-        if (config.get && obj.__defineGetter__)
 
-            obj.__defineGetter__(prop, config.get);
 
-            
-        if (config.set && obj.__defineSetter__)
 
-            obj.__defineSetter__(prop, config.set);
 
-    })
 
-    
-    Object.defineProperty(API, "bufferProgress", {
 
-        get: seekBar.getAmountLoaded,
 
-        set: seekBar.setAmountLoaded
 
-    });
 
-    
-    Object.defineProperty(API, "state", {
 
-        set: function(newstate) {
 
-            playpause.setPlaying(newstate == 'playing' || newstate == 'buffering');                
-            state = newstate;
 
-        },
 
-        
-        get: function() { 
-            return state;
 
-        }
 
-    });
 
-    
-    Object.defineProperty(API, "duration", {
 
-        get: seekBar.getTrackLength,
 
-        set: seekBar.setTrackLength
 
-    });
 
-    
-    Object.defineProperty(API, "seekTime", {
 
-        get: seekBar.getCurrentTime,
 
-        set: seekBar.setCurrentTime
 
-    });
 
-    
-    Object.defineProperty(API, "volume", {
 
-        get: slider.getValue,
 
-        set: slider.setValue
 
-    });
 
-    
-    var img = root.querySelector(".avatar img");
 
-    Object.defineProperty(API, "coverArt", {
 
-        get: function() {
 
-            return img.src;
 
-        },
 
-        
-        set: function(src) {
 
-            img.src = src;
 
-        }
 
-    });
 
-    
-    var title = root.querySelector("span.title"),
 
-        artist = root.querySelector("span.artist");
 
-        
-    Object.defineProperty(API, "songTitle", {
 
-        get: function() {
 
-            return title.innerHTML;
 
-        },
 
-        
-        set: function(val) {
 
-            title.innerHTML = val;
 
-        }
 
-    });
 
-    
-    Object.defineProperty(API, "songArtist", {
 
-        get: function() {
 
-            return artist.innerHTML;
 
-        },
 
-        
-        set: function(val) {
 
-            artist.innerHTML = val;
 
-        }
 
-    });
 
-    
-    var description = root.querySelector('.file_description');
 
-    Object.defineProperty(API, "fileDescription", {
 
-        get: function() {
 
-            return description.innerHTML;
 
-        },
 
-        
-        set: function(val) {
 
-            description.innerHTML = val;
 
-        }
 
-    });
 
-    
-    return API;
 
-    
-}

二进制
static/js/AAC — Audiocogs_files/volume_high.png
查看文件


二进制
static/js/AAC — Audiocogs_files/volume_low.png
查看文件


二进制
static/js/AAC — Audiocogs_files/white-octocat.png
查看文件


二进制
static/js/AAC — Audiocogs_files/white-twitter.png
查看文件