使用vue架构构建three.js3d场景—全景视频___#三分有点码#专栏

使用vue架构构建three.js3d场景—全景视频 三分有点码。

仅是3d全景视频渲染，更多请访问 https://blog.csdn.net/Hu_xiao_ge

<template>
  <!-- 主场景 -->
  <div ref="container_team"></div>
</template>

<script>
import * as THREE from "three";
import {
    OrbitControls } from "three/examples/jsm/controls/OrbitControls";
export default {
   
  data() {
   
    return {
   
      camera: null,
      scene: null,
      renderer: null,
      controls: null,
      videoNode: null,
      videoTexture: null,
      mesh:null,
      mat:null,
      sphere:null,
      vi:[{
   id:'/res/vido/跳伞.mp4'}],    //全景视频务必放在Public/res下
      viindex:0
    };
  },
  mounted(