PWA and Autoplay Policy

PWAと
Autoplay Policy
PWA Beginners 勉強会 #2 平田智子
自己紹介
平田智子
Twitter @10tomok0
GitHub tomoko523
SIer
Windows/VB.NET/C#/Augular 5年くらい
→GsAcademy(DEV4)
→Webエンジニア@渋谷ベンチャー
PHP/Nodejs/AWS/VueJs 1年くらい
PWA対応サイト
触ってますか?
ex.) Twitter,Instagram
Twitter Lite Instagram
どちらも上がネイティブアプリ、下がPWA(軽い!!)
触ってみて
違和感が...
動画が自動再生されない!!
再生ボタンが
表示されている
Autoplay Policyに引っかかってる?
Autoplay Policy(自動再生ポリシー)とはGoogleが定めたChromeの動画自動再生に関する制御のこと。
特定条件以外での自動再生は標準でブロックされる。
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Safari, Chromeの自動再生ポリシー変更のまとめ
Autoplay Policyに引っかかってない!
PWAのアプリケーションはAutoplayPolicyの
対象外となっている
ただし、PWAのアプリとして起動したアプリのみ
(ブラウザでアクセスした場合は他のWebサイト
同様自動再生はブロックされる)
Attention!! ここからは個人の見解です
そもそも自動再生しない作りにしている?
PWAの特徴(3G回線での高速動作、キャッシュの活用)
に沿った実装にしているのでは???
・自動再生はデータロードの観点では高負荷
・バックグラウンドでロードしている?
離脱率をとるか、Web最適化をとるか
自動再生を制限すると離脱率があがるのでは?
「自動で再生=ユーザーのアクションが少なくてすむ=
楽」という図式が崩れる(参考:1、インスタで「タイムライン疲れ」を感じるワケ)
動画のようなリソースを扱うリッチなアプリを
PWA化(Webアプリ)する際の課題と感じた。
1 of 11

More Related Content

Recently uploaded(8)

Featured(20)

How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC4.1K views
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy82.1K views
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
Alireza Esmikhani30.3K views
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking6.9K views
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago25.1K views
9 Tips for a Work-free Vacation9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation
Weekdone.com7.2K views
I Rock Therefore I Am. 20 Legendary Quotes from PrinceI Rock Therefore I Am. 20 Legendary Quotes from Prince
I Rock Therefore I Am. 20 Legendary Quotes from Prince
Empowered Presentations142.8K views
How to Map Your FutureHow to Map Your Future
How to Map Your Future
SlideShop.com275.1K views

PWA and Autoplay Policy