swfed.js/httpget.html at master · s074/swfed.js · GitHub

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
<html>
 <head>
  <script type="text/javascript" src="iz.js"> </script>
  <script type="text/javascript" src="crc32.js"> </script>
  <script type="text/javascript" src="canvas.js"> </script>
  <script type="text/javascript" src="bitstream.js"> </script>
  <script type="text/javascript" src="bitmap.js"> </script>
  <script type="text/javascript" src="swf.js"> </script>
  <script type="text/javascript" src="loader.js"> </script>
  <script type="text/javascript" src="parser.js"> </script>
  <script type="text/javascript" src="builder.js"> </script>
  <script type="text/javascript" src="editor.js"> </script>
  <script type="text/javascript" src="scheduler.js"> </script>
  <script type="text/javascript" src="player.js"> </script>
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 </head>
 <body>
  <canvas id="mycanvas" width="240" height="240"> canvas is here</canvas>
  <script type="text/javascript">
   var swf_url = 'saitama.swf';
   var canvas_id = 'mycanvas'
   var canvas = new SWFCanvas(canvas_id);
   var swfed = new SWFEditor();
   var player = new SWFPlayer(canvas, swfed);

   swfed.load(swf_url,
   function() { // main
       player.play(true);
   },
   function(i, n) { // progress
       // loading animation
       var width = canvas.width;
       var height = canvas.height;
       var ratio1 = i/n;
       var ratio2 = (3*ratio1+1)/4;
       var ratio3 = (ratio2+1)/2;
       var colorStops = [[ratio1,'black'], [ratio2,'blue'], [ratio3,'black']];
       canvas.drawRadialGradient(width/2, height/2, width/2, colorStops);
       canvas.clear();
       player.play(false);
   });

  </script>
 </body>
</html>