amphtml/extensions/amp-story-360/0.1/test/validator-amp-story-360.out at 5d4ff355b3f9a0242dabab7958a43e20027f31d0 · processprocess/amphtml · 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
PASS
|  <!--
|    Copyright 2020 The AMP HTML Authors. All Rights Reserved.
|
|    Licensed under the Apache License, Version 2.0 (the "License");
|    you may not use this file except in compliance with the License.
|    You may obtain a copy of the License at
|
|        http://www.apache.org/licenses/LICENSE-2.0
|
|    Unless required by applicable law or agreed to in writing, software
|    distributed under the License is distributed on an "AS-IS" BASIS,
|    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|    See the License for the specific language governing permissions and
|    limitations under the license.
|  -->
|  <!--
|    Test Description:
|    Tests for the amp-story-360 tags.
|  -->
|  <!doctype html>
|  <html ⚡>
|  <head>
|    <meta charset="utf-8">
|    <link rel="canonical" href="http://nonblocking.io/" >
|    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
|    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
|    <script async src="https://cdn.ampproject.org/v0.js"></script>
|    <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
|    <script async custom-element="amp-story-360" src="https://cdn.ampproject.org/v0/amp-story-360-0.1.js"></script>
|    <script async custom-element="amp-video" src="https://cdn.ampproject.org/v0/amp-video-0.1.js"></script>
|  </head>
|  <body>
|
|    <!-- Valid -->
|      <amp-story
|          standalone
|          title="Demo Story"
|          publisher="AMP Story"
|          publisher-logo-src="example.com/logo.png"
|          poster-portrait-src="example.com/poster.jpg">
|      <amp-story-page id="cover">
|        <amp-story-grid-layer template="fill">
|          <amp-story-360 layout="fill" heading-start="95" pitch-start="-10" zoom-start="4" heading-end="-45" pitch-end="-20" zoom-end="1" duration="30s" scene-heading="8.5" scene-pitch="5" scene-roll="-1" controls="gyroscope">
|            <amp-img src="img/panorama1.jpg" width="7168" height="3584"></amp-img>
|          </amp-story-360>
|       </amp-story-grid-layer>
|      </amp-story-page>
|      <amp-story-page id="page1">
|        <amp-story-grid-layer template="fill">
|          <amp-story-360 layout="fill" heading-start="95" pitch-start="-10" zoom-start="4" heading-end="-45" pitch-end="-20" zoom-end="1" duration="30s" scene-heading="8.5" scene-pitch="5" scene-roll="-1">
|            <amp-video poster="img/nasa_training_poster.jpg" autoplay layout="fill" loop>
|              <source src="img/NASA_VR_360_Astronaut_Training_Space_Walk.mp4" type="video/mp4" />
|            </amp-video>
|          </amp-story-360>
|       </amp-story-grid-layer>
|      </amp-story-page>
|    </amp-story>
|  </body>
|  </html>