当前位置: 首页 > news >正文

gitee page发布的静态网站,无法播放目录中的mp4视频

起因是希望在gitee上部署静态网站,利用three.js VideoTexture 环境贴图播放视频。
但是试了多几次 mp4均提示404,资源无法获取;

找了很多方案,最后发现将视频转为ogv 就可以完美适配了;

mp4转ogv

附threejs使用ogv进行环境贴图的代码:

// 视频纹理
const video = document.createElement("video");
video.src = "./images/test.ogv";
video.loop = true;let palneTexture4 = new THREE.TextureLoader().load("./images/ruime7.jpg");
const planeGeometry4 = new THREE.PlaneGeometry(10, 12);
const planeMaterial4 = new THREE.MeshBasicMaterial({// color: 0xffffff,map: palneTexture4
});
const plane4 = new THREE.Mesh(planeGeometry4, planeMaterial4);
plane4.position.y = 2;
plane4.position.z = 16;
plane4.rotation.y = Math.PI + Math.PI / 2;window.addEventListener("click", (e) => {// 当鼠标移动的时候播放视频//   判断视频是否处于播放状态if (video.paused) {video.play();let texture = new THREE.VideoTexture(video);planeMaterial4.map = texture;planeMaterial4.map.needsUpdate = true;} else {video.pause()}
});
http://www.lryc.cn/news/96953.html

相关文章:

  • opencv-26 图像几何变换04- 重映射-函数 cv2.remap()
  • SkyWalking链路追踪中span全解
  • 【前端知识】React 基础巩固(三十一)——Redux的简介
  • 拦截Bean使用之前各个时机的Spring组件
  • RT thread 之 Nand flash 读写过程分析
  • 独立站最全出单营销指南,新手卖家赶紧学起来吧!
  • Git移除commit过的大文件
  • 再见 Spring Boot 1.X ,Spring Boot 2.X 走向舞台中心
  • Jsonp劫持
  • STM32CubeIDE(串口)
  • Python编程很简单,四步菜鸟到高手(文末送书5本)
  • Labview串口通信MSComm实现串口收发
  • 字节跳动 EB 级 Iceberg 数据湖的机器学习应用与优化
  • CentOS 安装Mysql8
  • 3-Linux实操
  • Yarn 集群的架构和工作原理
  • PostgreSQL-视图-03-查询对象依赖关系视图-dba_dependencies
  • Vue style中的 scoped 属性
  • 移动端适配rem
  • Go语言开发小技巧易错点100例(八)
  • 100个网络安全测试面试题
  • 7.26 作业 QT
  • Python - Opencv应用实例之树叶自动分割、标签及统计分析系统
  • IC设计工程师,参加IC面试应该注意哪些细节?
  • java poi导入Excel、导出excel
  • 【算法与数据结构】101、LeetCode对称二叉树
  • 【N32L40X】学习笔记04-gpio中断库
  • Godot 4 着色器 - Shader调试
  • liunx时间慢几分钟,定时更新系统时间
  • C# 委托详解