Categories
AMP AMP WP

Optimization of videos for AMP Stories

Quick Summary –

  • AMP Plugin 1.2 and latest has AMP Stories feature for WordPress Ecosystem.
  • Transcoder Plugin is available for Video Optimization in both free and premium plans.
  • Optimize videos up to 90% smaller in file size than original using Transcoder.
  • The Transcoder 1.3 plugin will be available for people in next week.

A few days back I wrote about the Possibilities with AMP Stories. While looking at many AMP Video Stories, it occurred to me that people with slower internet will have problems loading videos on AMP Stories. According to AMP Stories Best Practices, if videos in AMP Stories are less than 4MB, then it will perform well. However, not all people can optimize videos always.

I came to know that AMP Team is already working on integrating Jetpack VideoPress (https://github.com/ampproject/amp-wp/issues/3045) but it’s a paid service and requires premium plan to use it. I knew that at rtCamp have already built Transcoder plugin which transcodes / optimizes video as soon as its uploaded in WordPress and stores the optimized video (mp4) back to it’s attachment meta. Good thing is it can be used in Normal WordPress setup also and it is not dependent on any other plugin.

Transcoder development team and I discussed on how we can use transcoder with AMP Stories after AMP Plugin v1.2 release with AMP Stories that has Gutenberg Editor for adding AMP Story pages.
I came to know that transcoder plugin has ability to optimize video for up-to 90%.

As mentioned here – https://rtmedia.io/blog/transcoder-for-amp-video-stories/ this transcoder is available in beta for everyone to test. In the next week I believe we will have both AMP v1.3 plugin (currently has RC release) and Transcoder 1.3 plugin (currently in beta) released for people.

Categories
AMP WP

Possibilities with AMP Stories in WordPress

After Snapchat, WhatsApp, Facebook, Instagram and now Youtube stories, we have a way to use “stories” or “status” feature in WordPress also.

For this, we will need:

  1. Latest official AMP 1.2.0 plugin which has this AMP Stories (beta) feature
  2. Latest Gutenberg plugin (The one merged into WP 5.0 is old.)

Here are some AMP Stories examples:

  1. https://www.washingtonpost.com/graphics/2018/business/amp-stories/self-driving-car-waymo-robo-taxi/
  2. https://time.com/amp-stories/time-100-2019/
  3. https://storiestests.netlify.com/traveltips2
  4. https://vacayholics.com/8impressive-attractions-of-the-river-nile
  5. https://tappable.co/s/tokyo/story.html
  6. https://foodaciously.com/amp/recipe/black-beans-and-sweet-potatoes-falafels/story
  7. https://www.nationalgeographic.com/amp-stories/amp-maori-new-year-story/

Although currently, large videos take time to load hence AMP best practices mention keeping video less than 4MB size.

I think the news sites can make great use of this, as they keep on adding new photos to a story, and give a status update. Like we are used to seeing the Whatsapp status updates, the news stories can also be used in such a way to keep people updated on the news story.