-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
83 lines (71 loc) · 2.92 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
79
80
81
82
83
<!DOCTYPE html>
<meta charset=utf-8>
<title>Scratch项目播放器</title>
<!-- iPad properties: set width, disable pinch zoom -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="target-densitydpi=device-dpi,width=540,user-scalable=no" width="540">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/player.css">
<script src="http://ajax.useso.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<style type="text/css">body {
width: 578px;
padding: 16px;
margin: 0 auto;
background: #fff;
font-family: sans-serif;
color: #000;
}</style>
<body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
<!-- 初始化播放器-->
<script type="text/javascript">
$(document).ready(function() {
//调用project文件夹下的.json项目，默认使用1000.json
var project_id = parseInt(location.hash.substr(1)) || 1000;
//通过传入project_id的值，寻找对应的.json文件，并把它加载出来
var scratch = new Scratch(project_id);
});
</script>
<!-- 播放器具体内容 -->
<div id="player-container">
<!-- 播放器标题栏 -->
<div id="player-header">
<div id="player-header-preload"></div>
<div id="player-header-version"></div>
<button id="toggle-fullscreen" tabindex="1"></button>
<button id="trigger-stop" tabindex="3"></button>
<button id="trigger-green-flag" tabindex="2"></button>
</div>
<!-- 播放器主要内容 -->
<div id="player-content">
<div id="container"></div>
<div id="overlay"></div>
<div id="preloader">
<div id="preloader-progress"><div id="preloader-progress-bar"></div></div>
<div id="preloader-caption">正在加载中，请稍后…</div>
<div id="preloader-details"></div>
</div>
</div>
</div>
<script src="js/util/Timer.js"></script>
<script src="js/util/OffsetBuffer.js"></script>
<script src="js/util/Color.js"></script>
<script src="js/util/Rectangle.js"></script>
<script src="js/Sprite.js"></script>
<script src="js/Reporter.js"></script>
<script src="js/Stage.js"></script>
<script src="js/sound/WAVFile.js"></script>
<script src="js/sound/SoundDecoder.js"></script>
<script src="js/sound/SoundBank.js"></script>
<script src="js/sound/NotePlayer.js"></script>
<script src="soundbank/Instr.js"></script>
<script src="js/IO.js"></script>
<script src="js/primitives/VarListPrims.js"></script>
<script src="js/primitives/MotionAndPenPrims.js"></script>
<script src="js/primitives/LooksPrims.js"></script>
<script src="js/primitives/SensingPrims.js"></script>
<script src="js/primitives/SoundPrims.js"></script>
<script src="js/primitives/Primitives.js"></script>
<script src="js/Interpreter.js"></script>
<script src="js/Runtime.js"></script>
<script src="js/Scratch.js"></script>
</body>