Skip to content

Commit

Permalink
♻️ Compress amp-story-360 assets (#31002)
Browse files Browse the repository at this point in the history
* Compress 360 assets.

* Update PoVs for example video.
  • Loading branch information
processprocess committed Nov 4, 2020
1 parent 142245b commit 587c7cb
Show file tree
Hide file tree
Showing 10 changed files with 7 additions and 7 deletions.
6 changes: 3 additions & 3 deletions examples/amp-story-360.amp.html
Expand Up @@ -20,11 +20,11 @@
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="0" pitch-start="-50" heading-end="33" pitch-end="0" duration="5s" controls="gyroscope">
<amp-story-360 layout="fill" heading-start="30" pitch-start="20" heading-end="-20" pitch-end="10" duration="5s" controls="gyroscope">
<amp-video poster="img/nasa_training_poster.jpg" autoplay layout="fill" loop>
<!-- Credit: NASA -->
<!-- https://commons.wikimedia.org/wiki/File:NASA_VR-360_Astronaut_Training-_Space_Walk.webm -->
<source src="img/NASA_VR_360_Astronaut_Training_Space_Walk.mp4" type="video/mp4" />
<source src="img/NASA_VR_360_Astronaut_Training_Space_Walk_Clip.mp4" type="video/mp4" />
</amp-video>
</amp-story-360>
</amp-story-grid-layer>
Expand All @@ -35,7 +35,7 @@
scene-pitch="-5">
<!-- Curiosity self-portrat, Sol 1462 (September 2016) Credit: NASA / JPL / MSSS / Seán Doran -->
<!-- https://informal.jpl.nasa.gov/museum/360-video -->
<amp-img src="img/SeanDoran-Quela-sol1462-edited_ver2-sm.png" width="1998" height="999"></amp-img>
<amp-img src="img/SeanDoran-Quela-sol1462-edited_ver2-sm.jpg" width="1998" height="999"></amp-img>
</amp-story-360>
</amp-story-grid-layer>
</amp-story-page>
Expand Down
Binary file modified examples/img/Equirectangular_projection_SW.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file modified examples/img/nasa_training_poster.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions extensions/amp-story-360/0.1/test/test-amp-story-360.js
Expand Up @@ -76,7 +76,7 @@ describes.realWin(

it('should build', async () => {
await createAmpStory360(
'/examples/img/SeanDoran-Quela-sol1462-edited_ver2-sm.png'
'/examples/img/SeanDoran-Quela-sol1462-edited_ver2-sm.jpg'
);
expect(() => {
threesixty.layoutCallback();
Expand All @@ -94,7 +94,7 @@ describes.realWin(

it('parse orientation attributes', async () => {
await createAmpStory360(
'/examples/img/SeanDoran-Quela-sol1462-edited_ver2-sm.png'
'/examples/img/SeanDoran-Quela-sol1462-edited_ver2-sm.jpg'
);
await threesixty.layoutCallback();
expect(threesixty.canAnimate).to.be.true;
Expand Down
Expand Up @@ -49,7 +49,7 @@
<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" />
<source src="img/NASA_VR_360_Astronaut_Training_Space_Walk_Clip.mp4" type="video/mp4" />
</amp-video>
</amp-story-360>
</amp-story-grid-layer>
Expand Down
Expand Up @@ -50,7 +50,7 @@ PASS
| <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" />
| <source src="img/NASA_VR_360_Astronaut_Training_Space_Walk_Clip.mp4" type="video/mp4" />
| </amp-video>
| </amp-story-360>
| </amp-story-grid-layer>
Expand Down

0 comments on commit 587c7cb

Please sign in to comment.