- 博客(25)
- 收藏
- 关注
RSS订阅原创 js实现取视频url的某一帧作为封面
本文介绍了一个使用JavaScript提取视频URL某一帧作为封面的方法。通过创建隐藏的video元素和canvas画布，利用seeked事件监听视频帧跳转，将指定时间点的视频帧绘制到canvas上并转换为JPEG文件。核心代码封装为videoFirstFrameToFile函数，接收视频URL和可选文件名参数，返回包含封面图片的File对象。该方法通过强制seek操作确保获取有效帧，且支持复用已加载的视频元素提高性能，最终生成的封面文件可直接用于服务端上传。
2025-10-29 15:20:28
167
1
原创 实现在cesium中绘制多边形
以下代码实现了cesium中绘制出多边形，并且多边形的各个边都是可以拖动的，边的距离也是根据实时拖动更改的。
2024-12-02 14:15:21
1352
14
原创 vue中加载使用cesium加载3dTileset以及三维模型移动(1.108版本）
【代码】vue中加载使用cesium加载3dTileset以及三维模型移动(1.108版本）
2023-11-29 16:10:19
1937
1
原创 vue3中使用模板字符串语法定义变量（高德地图自定义marker并添加事件）
【代码】vue3中使用模板字符串语法定义变量（高德地图自定义marker并添加事件）
2023-08-08 14:45:49
598
原创 【uniapp使用webView播放flv格式直播流视频】
uniapp除了使用live-player组件以外进行flv格式的直播流视频播放webView禁止拖动以及滑动效果
2023-06-07 16:14:51
3743
3
原创 【uniapp封装div盒子实现div内元素拖动效果+父组件引用子组件里面的canvas无法显示问题】
uniapp实现div盒子内容拖动 uniapp父组件使用在子组件中的canvas时不显示问题
2023-05-30 15:08:27
877
原创 vue使用three.js并导入.obj模型
参考教程：https://www.bilibili.com/video/BV1Gg411X7FY?
2023-03-28 16:27:56
1696
原创 vue2 + 高德地图marker无法清除
高德地图文档地址：https://lbs.amap.com/demo/jsapi-v2/example/map-componets/map-overlays。
2023-03-18 15:12:10
3199
2
原创 vue+swiper实现轮播效果笔记整理
swiper代码部分 <div class="swiper-container" id="mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(carousel) in bannerList" :key="carousel.id"> <img :src="c
2022-05-19 23:31:47
471
原创 Java请求重定向笔记整理
**请求重定向**概念：大体得意思就是客户端发送给服务端一个请求，然后服务器告诉客户端这个地址废弃了（302），我给你别的地址你去访问别的吧流程图如下代码如下response1public class Response1 extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, I
2022-04-26 15:47:54
974
原创 请求转发笔记整理
java请求转发结构以及代码如下Servlet1public class Servlet1 extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { //获取请求的参数 (查看办事材料） String username=req.
2022-04-26 11:54:48
126
原创 vue-cli可视化创建项目
vue-cli可视化创建项目1.保证vue-cli版本为3以上查看vue-cli命令 vue -V 如下图进入需要创建vue工程的目录 如下图进入命令行输入 vue ui 敲回车浏览器弹出点击创建 即可进行创建配置工程名称（随便起一个自己想要的）以下皆为自己的个性化配置，根据自己需求配置即可本文直接选择默认vue工程创建成功 弹出以下窗口启动步骤如下图...
2022-04-24 14:08:51
1016
1
原创 confirm和axios的结合使用
关于confirm和axios的结合使用以请求方式delete为例请求地址**/doctor/doctorSchedulById** 参数为doctorId handleDelete () { this.$confirm('是否确认删除?', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { t
2022-04-22 15:56:55
497
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人