|
|
@@ -8,10 +8,20 @@
|
|
8
|
8
|
background: #333;
|
|
9
|
9
|
text-align: center;
|
|
10
|
10
|
margin-top: 10%;
|
|
11
|
|
- }
|
|
|
11
|
+ }
|
|
|
12
|
+ #videoCanvas {
|
|
|
13
|
+ /* Always stretch the canvas to 640x480, regardless of its
|
|
|
14
|
+ internal size. */
|
|
|
15
|
+ width: 640px;
|
|
|
16
|
+ height: 480px;
|
|
|
17
|
+ }
|
|
12
|
18
|
</style>
|
|
13
|
19
|
</head>
|
|
14
|
|
-<body>
|
|
|
20
|
+<body>
|
|
|
21
|
+ <!-- The Canvas size specified here is the "initial" internal resolution. jsmpeg will
|
|
|
22
|
+ change this internal resolution to whatever the source provides. The size the
|
|
|
23
|
+ canvas is displayed on the website is dictated by the CSS style.
|
|
|
24
|
+ -->
|
|
15
|
25
|
<canvas id="videoCanvas" width="640" height="480">
|
|
16
|
26
|
<p>
|
|
17
|
27
|
Please use a browser that supports the Canvas Element, like
|