{"id":1757,"date":"2023-02-10T09:31:31","date_gmt":"2023-02-10T09:31:31","guid":{"rendered":"https:\/\/howiem.org\/wordpress\/?p=1757"},"modified":"2025-05-28T10:07:03","modified_gmt":"2025-05-28T10:07:03","slug":"quick-browser-test-60fps-vs-30fps-video","status":"publish","type":"post","link":"https:\/\/howiem.org\/wordpress\/2023\/02\/10\/quick-browser-test-60fps-vs-30fps-video\/","title":{"rendered":"Quick browser test: 60fps vs 30fps video"},"content":{"rendered":"<p>Just curious how well browsers (esp mobile browsers) cope with 60fps video &#8211; and it&#8217;s a chance to compare 30fps and 60fps. Same scene + render settings on the left and right sides below, only the frame rate is different. The one thing that&#8217;s instantly obvious is that browsers struggle to loop 60fps videos cleanly&#8230;<\/p>\n<p><strong>EDIT<\/strong> (28 May 2025): Discovered <a href=\"https:\/\/howiem.org\/wordpress\/2025\/05\/28\/playing-back-looped-videos-on-a-webpage-with-no-glitch-or-pause\/\">what was causing the loop to glitch, and how to fix it<\/a>&#8230; useful to know \ud83d\ude09<\/p>\n<p><video autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"1080\" height=\"540\"><source src=\"\/wordpress\/wp-content\/uploads\/2023\/02\/beautifica_B_1.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p><video autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"1080\" height=\"540\"><source src=\"\/wordpress\/wp-content\/uploads\/2023\/02\/beautifica_B_2_noMB.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Just curious how well browsers (esp mobile browsers) cope with 60fps video &#8211; and it&#8217;s a chance to compare 30fps and 60fps. Same scene + render settings on the left&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1758,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-1757","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-animation-and-motion-graphics"},"_links":{"self":[{"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/posts\/1757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/comments?post=1757"}],"version-history":[{"count":9,"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/posts\/1757\/revisions"}],"predecessor-version":[{"id":1866,"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/posts\/1757\/revisions\/1866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/media\/1758"}],"wp:attachment":[{"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/media?parent=1757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/categories?post=1757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howiem.org\/wordpress\/wp-json\/wp\/v2\/tags?post=1757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}