{"id":6539,"date":"2024-05-03T08:35:56","date_gmt":"2024-05-03T13:35:56","guid":{"rendered":"https:\/\/www.kasdorf.name\/wordpress\/?p=6539"},"modified":"2024-05-19T11:57:20","modified_gmt":"2024-05-19T16:57:20","slug":"first-test-of-360o-vr","status":"publish","type":"post","link":"https:\/\/www.kasdorf.name\/wordpress\/2024\/05\/03\/first-test-of-360o-vr\/","title":{"rendered":"First Test of 360\u00ba VR"},"content":{"rendered":"<div id=\"pano6549_80458\" class=\"pano-wrap\" style=\"max-width:100%; width: 600px; height: 400px; border-radius: ; margin: 0 auto;\"><div style=\"width:100%; height:100%; \"><video id=\"wpvr-vid-6549-80458\" class=\"video-js vjs-default-skin vjs-big-play-centered\" crossorigin=\"anonymous\" playsinline   controls preload=\"auto\" style=\"width:100%; height: 100%;\" poster=\"\" ><source src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2024\/05\/Car-Wash-Blues-And-Reds-And-Yellows1_injected.mp4\" type=\"video\/mp4\"\/><p class=\"vjs-no-js\">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href=\"http:\/\/videojs.com html5-video-support\/\" target=\"_blank\">supports HTML5 video<\/a><\/p><\/video><\/div>\n        <style>\n            #pano6549_80458 .video-js {\n                border-radius:;\n            }\n            #pano6549_80458 .video-js canvas{\n                border-radius:;\n             }\n            #pano6549_80458 .vjs-poster {\n                border-radius: ;\n            }\n        <\/style>\n        <\/div><script>\n        (function () {\n            function initWPVRVideoPlayer() {\n                if (typeof window.videojs !== \"function\") {\n                    return false;\n                }\n                var playerEl = document.getElementById(\"wpvr-vid-6549-80458\");\n                if (!playerEl) {\n                    return false;\n                }\n                try {\n                    var player = window.videojs(playerEl, {\n                        controls: true,\n                        autoplay: false,\n                        loop: false,\n                        preload: \"auto\",\n                        fluid: true\n                    });\n\n                    player.on(\"error\", function () {\n                        if (player.errorDisplay && typeof player.errorDisplay.content === \"function\") {\n                            player.errorDisplay.content(\"Unable to play this video. Check that its URL is accessible, the encoding is supported and the video host allows CORS.\");\n                        }\n                    });\n                    player.mediainfo = player.mediainfo || {};\n                    player.mediainfo.projection = \"equirectangular\";\n\n                    if (typeof player.vr === \"function\") {\n                        var vr = player.vr({ projection: \"360\", debug: false, forceCardboard: false, antialias: false });\n\n                        \/\/ If video metadata is already loaded or readyState >= 1,\n                        \/\/ trigger vr.init() directly because loadedmetadata won't fire again.\n                        if (player.readyState() >= 1 || (playerEl.readyState && playerEl.readyState >= 1) || (player.videoWidth && player.videoWidth() > 0)) {\n                            if (vr && typeof vr.init === \"function\" && !vr.initialized_) {\n                                vr.init();\n                            }\n                        } else {\n                            player.one(\"loadedmetadata\", function() {\n                                if (vr && typeof vr.init === \"function\" && !vr.initialized_) {\n                                    vr.init();\n                                }\n                            });\n                        }\n                    }\n                    return true;\n                } catch (e) {\n                    console.error(\"Error initializing WPVR video player:\", e);\n                    return false;\n                }\n            }\n\n            if (!initWPVRVideoPlayer()) {\n                if (document.readyState === \"loading\") {\n                    document.addEventListener(\"DOMContentLoaded\", function() {\n                        if (!initWPVRVideoPlayer()) {\n                            window.addEventListener(\"load\", initWPVRVideoPlayer);\n                        }\n                    });\n                } else {\n                    window.addEventListener(\"load\", initWPVRVideoPlayer);\n                }\n            }\n        })();\n        <\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"series":[],"class_list":["post-6539","post","type-post","status-publish","format-standard","hentry","category-general-news"],"_links":{"self":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts\/6539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/comments?post=6539"}],"version-history":[{"count":2,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts\/6539\/revisions"}],"predecessor-version":[{"id":6554,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts\/6539\/revisions\/6554"}],"wp:attachment":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/media?parent=6539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/categories?post=6539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/tags?post=6539"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/series?post=6539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}