VideoJs-Panorama Plugin - AR /VR /360 VR Video For Beginners

Trang chủ » Vr Videojs Plugin » VideoJs-Panorama Plugin - AR /VR /360 VR Video For Beginners

Có thể bạn quan tâm

AR /VR /360 VR Video for Beginners
  • About Cloudinary Labs
  • Lab 1
    • Developing AR/VR with Unitychevron-right
  • Lab 2
    • Delivering 360VR Video with Cloudinarychevron-right
      • Introduction to 360VR Video
      • Setting up Cloudinary
      • Uploading Video
      • Delivering Video
      • Cloudinary Video Player
      • VideoJs-Panorama Plugin
      • Source Code
chevron-upchevron-downgitbookPowered by GitBookxmarkblock-quoteOn this pagechevron-down

The plugin we’re going to be using is called videojs-panoramaarrow-up-right.

Incidentally – this is not a plugin made specifically for Cloudinary’s player. But Cloudinary built its player on top of the widely used VideoJSarrow-up-right framework, and plugins for VideoJS work on the Cloudinary Player, as well.

INSTALL PLUGIN:

hashtagReplace the Cloudinary options with one containing the plugin object configured for the panorama plugin:

Copyvar options = { publicId: "tropical360_qjbr2d", plugins: { panorama: { clickAndDrag: true, clickToToggle: true, autoMobileOrientation: true } }, sourceTypes: ["mp4"] };

See the Pen Cloudinary 360 Playerarrow-up-right by Eric Portis (@eeepsarrow-up-right) on CodePenarrow-up-right.

PreviousCloudinary Video Playerchevron-leftNextSource Codechevron-right

Last updated 7 years ago

Từ khóa » Vr Videojs Plugin