- 综合排序
- 最热优先
- 最新优先
- 来自专栏cloud stdio
【uniapp】视频分享预览小程序
六一收到个不同以往的需求，我的指导老师最近有点忙，让我们帮忙做一个可以通过二维码预览视频的小程序 收到需求后，因为只是临时用一下，不打算写一套完整的系统，所以大概的思路就是，其他成员将视频通过ftp传入我的服务器上 ，我通过uniapp将视频路径写死在index页面上，跳转时将url中的参数传入到下一个页面即可，视频播放页面通过拼接路径最后得到完整的src资源文件，在写入data完成渲染即可，同理在点击生成二维码时将参数带着去新的页面进行处理 ，得到该视频播放页面的url后利用qrcode进行渲染输出二维码 basic:[ {"name":"蔡晓东英雄事迹","url":"/pages/video/video? url=4.mp4"}, {"name":"环境保护相关视频或垃圾分类","url":"/pages/video/video? 资源渲染后即可直接播放，这部分的代码找了好久，起初以为uniapp没有支持网页播放的能力，需要用第三方的。
1.2K20编辑于 2023-08-08 - 来自专栏快乐阿超
uniapp对接oss视频上传+压缩
console.error } console.log(options) uni.uploadFile(options) }).catch(console.error) } } 然后是视频上传 res.size }, { contentType: 4 }); // } // }); // } // }); console.log('视频大小
11K61编辑于 2022-08-21 Uniapp 短视频去水印解析工具开发实现
最近搞了一个有意思的小工具——短视频去水印解析器！这玩意儿可以把短视频中的水印给抹掉，还能提取视频、封面等资源。整个项目用了 Uniapp 开发，做完后体验了一下，发现还挺顺手。 今天就来跟大家聊聊实现思路和代码细节~需求分析我们的目标是做一个简单易用的小工具，支持以下功能：输入短视频链接，识别并解析出视频内容。展示视频信息：视频封面、作者信息、标题等。 调用视频解析函数：识别到 URL 后，就调用 fetchVideoData，尝试解析视频信息。 播放视频：点击按钮后 playVideo 方法会显示
64200编辑于 2024-11-14- 来自专栏繁依Fanyi 的专栏
Uniapp 短视频去水印解析工具开发实现
最近搞了一个有意思的小工具——短视频去水印解析器！这玩意儿可以把短视频中的水印给抹掉，还能提取视频、封面等资源。整个项目用了 Uniapp 开发，做完后体验了一下，发现还挺顺手。 今天就来跟大家聊聊实现思路和代码细节~ 需求分析 我们的目标是做一个简单易用的小工具，支持以下功能： 输入短视频链接，识别并解析出视频内容。 展示视频信息：视频封面、作者信息、标题等。 调用视频解析函数：识别到 URL 后，就调用 fetchVideoData，尝试解析视频信息。 播放视频：点击按钮后 playVideo 方法会显示
45600编辑于 2025-02-16 - 来自专栏前端
uniApp 实现微信小程序和app视频播放flv格式视频监控
测试要在真机测试，微信开发者工具不能测试 video 支持 App平台： 支持本地视频(mp4/flv)、网络视频地址（mp4/flv/m3u8）及流媒体（rtmp/hls/rtsp）。
3.4K10编辑于 2024-03-19 uniapp微信小程序完美实现下载视频功能
简单介绍 基于 uni-app 开发的微信小程序下载视频功能 下载视频 简单写法 uni.downloadFile({ url: 'http://wxsnsdy.tc.qq.com/105/20210 '下载成功', icon: 'success', }) } }) } }) 这种写法有点问题， 第一 如果视频文件过大 或者网络状态不佳， 没有提示，不知道当前下载进度，不友好 第二 当响应头中 content-type 为以下 值时 Content-Type: application/octet-stream ios 端下载视频会有问题 uni.showToast({ icon:'loading', mask:true, title: res.progress + "%" }) } 第二个问题 兼容 苹果端小程序视频下载 ） 3.需要用到小程序的 获取全局唯一的文件管理器的api getFileSystemManager 4.还有删除文件的api FileSystemManager.unlink 具体实现 // 下载视频
2.6K20编辑于 2024-06-20- 来自专栏h5
uniapp仿抖音App界面|uni-app小视频
Uni-liveshow直播室是一个基于vue+Nvue+uniapp技术开发的集仿制抖音小视频/App聊天/直播功能混合项目。可实现类似抖音上下滑动切换视频播放，支持编译到多端。 效果展示： 未标题-1.png 技术栈： 编辑器+技术：HBuilderX + vue/NVue/uniapp/vuex iconfont图标：阿里字体图标库 自定义导航栏 + 底部Tabbar 弹窗组件 e.titleBarHeight // #endif } }) }, } </script> uniapp 仿抖音实现 uniapp+swiper+nvue技术实现仿抖音界面上下滑动切换视频效果，并且有点赞、评论及商品等功能，可以单击、双击判断。 ，遇到了视频video层级过高不能被其他组件覆盖，如是使用nvue页面就可以解决view覆盖在video之上。.
9.9K125发布于 2019-11-15 - 来自专栏h5
Uni-APP高仿抖音|uniapp直播+小视频+聊天实例
项目概况 uniapp-ttLive 一款使用uni-app+uview-ui开发的跨端短视频/直播聊天项目。 image.png 运用技术 编辑器/技术：HbuilderX3.1.21+Uniapp+Nvue+Vuex UI组件库：uView-ui / uni-ui 矢量图标库：iconfont字体图标 弹窗组件 uniapp自定义组件uaNavbar+uaTabbar uaPopup全新支持nvue弹窗组件 image.png uapopup针对uniapp短视频直播项目开发的一款全端弹窗组件。 uni-app跨平台自定义弹窗组件 uni-app直播/短视频 项目中直播/短视频页面整体分为顶部导航区域、视频区域、底部菜单栏区域三个部分。 开发抖音短视频/直播聊天项目就分享到这里了。
4.9K01发布于 2021-09-23 - 来自专栏澜极美颜SDK
Uniapp+腾讯云音视频：一对一视频交友美颜SDK原生插件封装技巧
在社交类应用开发中，一对一视频交友功能对实时性和画面质量要求极高。如何通过Uniapp框架高效集成音视频能力，并封装美颜SDK原生插件以提升用户体验，是开发者需要解决的核心问题。 一、Uniapp与音视频服务的架构融合Uniapp的跨端特性简化了开发流程，但与原生音视频服务的结合需突破两大瓶颈：跨平台兼容性：不同操作系统（iOS/Android）对音视频采集、编码的底层实现差异大 解决方案：分层架构设计：将业务逻辑（如房间管理、信令交互）放在Uniapp层，音视频采集、美颜处理等性能敏感模块通过原生插件实现。统一接口封装：定义跨平台的JavaScript API，屏蔽底层差异。 跨平台通信机制Uniapp与原生插件通过JSON格式数据交互，需解决数据序列化性能问题：批量操作合并：将连续的美颜参数调整（如多次滑动调节美白值）合并为一次原生调用，减少通信开销。 结语Uniapp与音视频服务的融合需平衡开发效率与性能表现，而原生插件封装是突破性能瓶颈的关键。通过模块化设计、动态资源管理和硬件加速等手段，可实现高质量美颜与流畅音视频的共存。
15500编辑于 2026-06-03 UniApp移动端开发 vs 原生开发：全面对比分析
优势 UniApp 劣势 原生优势 原生劣势 开发成本 一套代码多端发布，开发成本低、周期短 复杂功能需原生插件支持，插件生态有限 性能极致，功能完全可控 需分别开发，成本高、周期长 性能表现 普通页面性能良好 帧率稳定、内存占用低、动画流畅 — 用户体验 体验接近原生，部分场景稍逊 某些交互无法完全贴合平台规范 完全贴合平台设计，交互流畅 — 生态与扩展 丰富的组件和插件，支持条件编译 深度原生能力（如AR、音视频 推荐使用UniApp的场景 // 1. 高性能要求应用 const suitableForNative = [ '大型游戏应用', // 需要极致性能 'AR/VR应用', // 需要深度硬件访问 '视频编辑工具 UniApp与原生混合方案 // 1.
1.2K10编辑于 2025-11-30- 来自专栏猫头虎博客专区
使用UniApp实现视频数组自动下载与播放功能：一步步指导
使用UniApp实现视频数组自动下载与播放功能：一步步指导 猫头虎博主摘要 你好，我是猫头虎博主！最近，我收到了一个关于如何在UniApp中实现视频数组的自动下载和播放功能的问题。 这是一个很有意思的话题，尤其对于那些想要为他们的UniApp应用增加视频播放功能的开发者来说。所以，我决定深入研究这个话题，并为大家带来这篇全面的指导。 如果你正在搜索“UniApp视频下载与播放”、“UniApp视频教程”或其他相关内容，那么你来对地方了！ 引言 在移动应用开发中，视频播放是一个常见的需求。 而在UniApp这个跨平台开发框架中，如何优雅地实现视频的下载和播放呢？让我们一起探索！ 正文 1. 视频数组的定义 首先，你需要定义一个数组来存储你的视频链接。 下载视频的基础知识 在UniApp中，我们可以使用uni.downloadFile API来下载文件。这个API是非常强大的，不仅支持视频，还支持其他类型的文件。
1.3K10编辑于 2024-04-09 - 来自专栏澜极美颜SDK
Uniapp对接融云音视频：直播美颜SDK主播与观众美颜效果区分设置
在Uniapp开发娱乐直播类应用时，对接融云音视频实现低延迟直播互动、集成美颜SDK优化画面质感，是核心业务需求。 区分设置需深度协同Uniapp的页面生命周期、融云音视频的流连接与传输逻辑、美颜SDK的初始化与参数更新机制，确保角色切换、连麦互动时，美颜效果同步切换无延迟、无卡顿，不影响音视频直播的稳定性。 Uniapp对接融云音视频SDK后，在初始化推流/拉流时，会获取到当前用户的音视频流唯一标识（如streamId），该标识与用户角色、用户ID一一对应，是流绑定的核心依据。 由于Uniapp跨端框架存在异步执行特性，需通过Promise或回调函数确保美颜SDK初始化完成后，再启动融云音视频的推流/拉流操作，避免出现音视频流已传输但美颜未生效的情况。3. 六、总结Uniapp对接融云音视频时，娱乐直播美颜SDK主播与观众美颜效果区分设置的核心，在于“精准识别角色、独立配置参数、绑定音视频流、适配跨端特性”。
18810编辑于 2026-05-25 - 来自专栏TSINGSEE青犀视频
如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js？
稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流 安防视频监控EasyPlayer是一个支持多框架集成的播放器，我们在前期的文章中也介绍了如何在React框架下集成流媒体视频播放器EasyPlayer.js，感兴趣的用户可以翻阅我们往期的文章进行了解。 有用户反馈，在uniapp框架下集成EasyPlayer.js播放器，但是集成的过程中会报一个“video.js，flv.js找不到”的错。 那么今天我们来详细介绍下在uniapp中如何集成流媒体播放器EasyPlayer.js，具体步骤如下：1）首先，在HBuider X下创建一个项目；2）在npm上下载easyplayer.js，下载地址如下 H.265格式的视频流时，就可以正常访问到EasyPlayer.wasm，并且能正常播放了。
3.6K40编辑于 2023-09-19 - 来自专栏APP开发
UniApp开发框架的介绍
UniApp 是一个基于 Vue.js 的跨平台开发框架，允许开发者使用一套代码构建多端应用（如H5、小程序、iOS、Android等）。以下是 UniApp 开发框架的详细介绍。 2.UniApp 的开发环境2.1开发工具HBuilderX：官方推荐的IDE，内置 UniApp 开发模板和调试工具。支持代码高亮、智能提示、实时预览等功能。 3.UniApp 的项目结构一个典型的 UniApp 项目结构如下：4.UniApp 的核心功能4.1页面与路由页面配置：在 pages.json 中配置页面路由、导航栏、下拉刷新等。 5.UniApp 的开发流程5.1创建项目使用 HBuilderX 创建 UniApp 项目，选择模板（如默认模板、Hello UniApp）。 中小型项目：适合中小型项目，开发成本低、周期短。总结UniApp 是一个强大的跨平台开发框架，特别适合需要快速开发多端应用的场景。
1.8K10编辑于 2025-02-25 - 来自专栏dmhsq_csdn_blog
unicloud云开发---uniapp云开发(二)---云存储基础
云开发—uniapp云开发(一)—服务空间创建以及部署一个云函数 云开发—uniapp云开发云函数练习—整合百度ai图像识别SDK 这次我们来一起学习 云存储的使用 文档地址 https:// uniapp.dcloud.io/uniCloud/storage 云存储的使用 视频 云存储基础 服务空间的云存储 上传文件 选择文件/图片/其它 选择文件 选择图片 选择视频 选择图片或视频 /home 上传文件 https://uniapp.dcloud.io/uniCloud/storage? id=chooseimage 选择视频 https://uniapp.dcloud.io/api/media/video? id=choosevideo 选择图片或视频 https://uniapp.dcloud.io/api/media/video?
3.8K20发布于 2021-10-25 - 来自专栏dmhsq_csdn_blog
云开发---uniapp云开发(二)---云存储基础
云开发系列 视频 https://www.bilibili.com/video/BV1eK4y1p7Qe 我们之前已经讲了 云函数的使用 云开发---uniapp云开发(一)---服务空间创建以及部署一个云函数 云开发---uniapp云开发云函数练习---整合百度ai图像识别SDK 这次我们来一起学习 云存储的使用 文档地址 https://uniapp.dcloud.io/uniCloud/storage 视频 video(video-kQL3DoBv-1614160881827)(type-bilibili)(url-https://player.bilibili.com/player.html? id=chooseimage [无] 选择视频 https://uniapp.dcloud.io/api/media/video? id=choosevideo [无] 选择图片或视频 https://uniapp.dcloud.io/api/media/video?
14.6K10发布于 2021-03-15 - 来自专栏猿来是前端
【视频刷刷刷】五分钟带你用uniapp做一个刷抖音的小程序
前言 最近闲来无事，在自己的小程序里面集成了一个小视频的接口，但是由于小程序对于播放视频的限制，只能用来做一个demo刷视频了，没办法上线体验。 小程序播放视频限制最多10个，超出可能就崩了。 在 uniapp 项目里面的 pages.json 文件中修改当前页面路径的 navigationStyle { "path": "pages/searchvideo/searchvideo", 滚动小视频 在uniapp和原生的微信小程序里面都有 swiper 标签用于做滚动或轮播效果的组件，所以我们可以直接利用这个组件做出我们想要的效果。 由于uniapp是可以直接编译成 H5 的，所以我们就直接在掘金代码片段中看一下效果吧。 代码片段 代码片段里面的内容是直接引用的uniapp云发布的链接，如果想了解这一块的内容，可以单独开篇文章写一下的。
2K20编辑于 2022-12-17 - 来自专栏h5
最新原创uniapp-vue3-osadmin手机版后台管理系统
技术知识点编码工具：HbuilderX 4.75技术框架：uniapp+vue3+vite5+pinia2UI组件库：uni-ui+uv-ui（uniapp vue3组件库）弹框组件：uv3-popup （基于uniapp+vue3自定义弹窗组件）表格组件：uv3-table（基于uniapp+vue3跨端综合表格组件）图表组件：qiun-data-charts模拟数据：mockjs（用于自定义表格模拟数据 uniapp+vue3自定义加强版table表格组件uni-vue3-table：基于uniapp+vue3全端通用自定义加强版table组件。 +vue3实战短视频+聊天+直播app商城基于uniapp+deepseek+vue3跨平台ai流式对话electron35+deepseek桌面端ai模板vue3.5+deepseek网页版ai流式对话 flutter3.27+getx仿抖音app短视频商城Electron32桌面端os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑版Exe聊天软件
67610编辑于 2025-08-25 - 来自专栏dmhsq_csdn_blog
H5移动app毕设指导(一)---准备工作
学习如何做一个毕设 程序内容还是要自己想哦 声明本系列只是指导做毕设 需要用到的技术 uniapp 需要会使用html js css 了解vue 开发工具 HBuilder X 需要注册一个 uniapp账号 使用uniapp开发一个移动app 可以打包成apk 后台使用 腾讯SCF云函数编写 如果后台不想使用云函数编写请参考 管理系统类毕设指导 将使用一个简易的spring boot 新建一个uniapp项目 ? 目录结构说明 ? App.vue程序入口 main.js全局js入口 manifest.json打包配置 pages.json页面配置 uni.scss uni-app内置的常用样式变量 准备工作完成 bilibili视频地址 H5移动app开发 第一次录视频有很多不足之处，后面会用软件处理声音?
79220发布于 2021-01-26 - 来自专栏h5
基于uni-app+vue3实战短视频+聊天+直播app商城
2025最新跨端uniapp+vue3+pinia2+uv-ui搭建仿抖音app小视频+直播+聊天一体的多功能直播商城系统。uni-vue3-welive支持编译运行到H5+小程序端+App端。 使用技术编辑器：HbuilderX 4.66框架技术：Uniapp+Vue3+Vite5+Nvue+Pinia2UI组件库：uv-ui+vk-uview弹框组件：uaPopup（uniapp封装多端弹框组件 ）自定义组件：uaNavbar+uaTabbar组件本地缓存：pinia-plugin-unistorage编译支持：h5+小程序+APP端支持全屏沉浸式滑动切换短视频/直播模块。 项目结构uniapp短视频模板<ua-layout> <view class="ua__swipervideo flex1"> <swiper class="ua cloud.tencent.com/developer/article/2508594DeepSeek-Vue3基于vite6+vant4仿deepseek/Kimi流式AI聊天小助手flutter3.27+getx仿抖音app短<em>视频</em>商城
62610编辑于 2025-07-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号