首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏cloud stdio

    uniapp视频分享预览小程序

    六一收到个不同以往的需求,我的指导老师最近有点忙,让我们帮忙做一个可以通过二维码预览视频的小程序 收到需求后,因为只是临时用一下,不打算写一套完整的系统,所以大概的思路就是,其他成员将视频通过ftp传入我的服务器上 ,我通过uniapp视频路径写死在index页面上,跳转时将url中的参数传入到下一个页面即可,视频播放页面通过拼接路径最后得到完整的src资源文件,在写入data完成渲染即可,同理在点击生成二维码时将参数带着去新的页面进行处理 url=4.mp4"}, {"name":"环境保护相关视频或垃圾分类","url":"/pages/video/video? url=7.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 30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400 '下载成功', icon: 'success', }) } }) } }) 这种写法有点问题, 第一 如果视频文件过大 ) 3.需要用到小程序的 获取全局唯一的文件管理器的api getFileSystemManager 4.还有删除文件的api FileSystemManager.unlink 具体实现 // 下载视频 30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400

    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
  • 来自专栏编程微刊

    uniapp学习笔记:一套代码,运行到7个平台(一)

    前两天总结了一下小程序的一些开源的框架之后,有大佬在底下留言评论补充,uniapp没有写上,去年有小伙伴把我拉到这个群聊里面去了,当时还没有怎么了解这个框架,当时日常看他们聊天似乎很厉害的样子,今天,小小的体验了一下开发文档 文档:https://uniapp.dcloud.io/ uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台 谷歌浏览器弹出界面如下,官方示例模板 4:总结,今天把uniapp的文档熟悉了一遍,得出了很多感悟,前端发展到现在,出现了非常多的框架,有移动端的app,也有混合式开发,还有各种小程序,微信小程序,支付宝小程序等等

    88410编辑于 2025-05-18
  • 来自专栏编程微刊

    uniapp学习笔记:一套代码,运行到7个平台(一)

    前两天总结了一下小程序的一些开源的框架之后,有大佬在底下留言评论补充,uniapp没有写上,去年有小伙伴把我拉到这个群聊里面去了,当时还没有怎么了解这个框架,当时日常看他们聊天似乎很厉害的样子,今天,小小的体验了一下开发文档 文档:https://uniapp.dcloud.io/ uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台 4:总结,今天把uniapp的文档熟悉了一遍,得出了很多感悟,前端发展到现在,出现了非常多的框架,有移动端的app,也有混合式开发,还有各种小程序,微信小程序,支付宝小程序等等,让人头疼不已。

    2.4K20发布于 2019-07-01
  • 来自专栏施炯的IoT开发专栏

    Windows Phone 7 开发 视频资料

    MIX10大会Windows Phone 7相关课程视频 课程ID 课程标题 comment Keynote 大会Keynote CL01 Changing our Game – an Introduction Windows Phone 7 Jump Start Training视频教程 Session 1: Introduction Session 2: Building a Silverlight Application XNA Games for the Windows Phone 7 Platform, Part 2 Session 7: Advanced Application Development, Part Windows Phone Design Day 课程视频下载 Ana and Miles, the Windows Phone personas (  Tracey Lovejoy, 3:33 ) Windows Phone 7的XNA游戏开发系列教程 该系列的教程分为“平台”,“性能”,“润色”三个大的章节,陆续会在9、10、11这三个月放出。

    1.2K100发布于 2018-01-10
  • 来自专栏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
  • 来自专栏关键帧Keyframe

    Android AVDemo(7):视频采集,视频系列来了丨音视频工程示例

    塞尚《从埃斯塔克眺望马赛湾》 iOS/Android 客户端开发同学如果想要开始学习音视频开发,最丝滑的方式是对音视频基础概念知识有一定了解后,再借助 iOS/Android 平台的音视频能力上手去实践音视频的采集 → 编码 → 封装 → 解封装 → 解码 → 渲染过程,并借助音视频工具来分析和理解对应的音视频数据。 这个 Demo 里包含以下内容: 1)实现两个视频采集模块,分别为 Camera 与 Camera2; 2)实现视频采集逻辑并将采集的视频图像渲染进行预览; 3)详尽的代码注释,帮你理解代码逻辑和原理。 1、视频采集模块 Camera 首先,实现一个 KFVideoCaptureConfig 类用于定义视频采集参数的配置。 3、采集视频并实时展示 我们在一个 MainActivity 中来实现视频采集并实时预览的逻辑。

    1.4K21编辑于 2022-06-13
  • 来自专栏关键帧Keyframe

    iOS AVDemo(7):视频采集,视频系列来了丨音视频工程示例

    莫奈《睡莲》 iOS/Android 客户端开发同学如果想要开始学习音视频开发,最丝滑的方式是对音视频基础概念知识有一定了解后,再借助 iOS/Android 平台的音视频能力上手去实践音视频的采集 → 编码 → 封装 → 解封装 → 解码 → 渲染过程,并借助音视频工具来分析和理解对应的音视频数据。 1、视频采集模块 首先,实现一个 KFVideoCaptureConfig 类用于定义视频采集参数的配置。 updateActiveFrameDuration]; [self.captureDevice unlockForConfiguration]; // 77)实现切换摄像头的功能。 在 -changeDevicePosition: → -_updateDeveicePosition: 方法中实现。注意,这里同样是异步处理。

    1.4K30编辑于 2022-06-13
  • 来自专栏澜极美颜SDK

    Uniapp+腾讯云音视频:一对一视频交友美颜SDK原生插件封装技巧

    在社交类应用开发中,一对一视频交友功能对实时性和画面质量要求极高。如何通过Uniapp框架高效集成音视频能力,并封装美颜SDK原生插件以提升用户体验,是开发者需要解决的核心问题。 一、Uniapp与音视频服务的架构融合Uniapp的跨端特性简化了开发流程,但与原生音视频服务的结合需突破两大瓶颈:跨平台兼容性:不同操作系统(iOS/Android)对音视频采集、编码的底层实现差异大 解决方案:分层架构设计:将业务逻辑(如房间管理、信令交互)放在Uniapp层,音视频采集、美颜处理等性能敏感模块通过原生插件实现。统一接口封装:定义跨平台的JavaScript API,屏蔽底层差异。 跨平台通信机制Uniapp与原生插件通过JSON格式数据交互,需解决数据序列化性能问题:批量操作合并:将连续的美颜参数调整(如多次滑动调节美白值)合并为一次原生调用,减少通信开销。 结语Uniapp与音视频服务的融合需平衡开发效率与性能表现,而原生插件封装是突破性能瓶颈的关键。通过模块化设计、动态资源管理和硬件加速等手段,可实现高质量美颜与流畅音视频的共存。

    15500编辑于 2026-06-03
  • 来自专栏音视频技术

    【今晚7点】:视频质量评估体系

    针对上述问题,今晚7点LiveVideoStack特别邀请到了百度 资深测试工程师 王伟老师为大家带来以视频质量评估体系为主题的内容分享。 演讲内容及讲师信息: 主题:视频质量评估体系 视频编解码技术日新月异,新的编解码技术赋予视频业务新的应用场景和新的用户视听体验。 同时,视频作为带宽消耗大户,如何在视听体验和视频带宽之间取得最优的平衡是一个永恒的话题。视频质量评测主要用来回答:体验是否改善、带宽是否合理等问题。 2012年加入百度,从事过质量改进和效率提升的相关工作,也从事过产品分析的相关工作,目前主要从事视频评测相关方向的研究和实践,百度视频质量评测技术负责人,主导并建设百度首个体系化的视频质量评测服务平台, 在解决视频质量评测的标准化、置信度方面有丰富的实践经验。

    55310编辑于 2023-02-23
  • 来自专栏软件合集

    7视频素材下载网站整理

    视频剪辑、短视频制作、宣传片包装和新媒体内容创作中,视频素材是常用的基础资源。不同平台的视频素材类型、授权方式和适用场景有所不同。 以下整理 7 个常见的视频素材下载网站,供内容创作者在制作项目时参考。使用前建议仔细查看各平台的授权说明,确认是否支持商用、是否需要署名。 1. Pixabay Pixabay 提供图片、音乐、插画和视频素材等多种资源。其视频素材涵盖自然风光、动物、建筑、科技、抽象背景等分类,适合用于视频剪辑、演示文稿、短视频配图和背景画面制作。 4. Coverr Coverr 以视频素材为主,常见内容包括人物、工作场景、自然风景、科技产品、建筑空间等。部分素材适合用作网页视频背景,也可用于短视频剪辑、品牌视觉内容和展示类视频制作。 6. Videvo Videvo 提供视频素材、动态图形、音乐和音效等资源。平台内素材类型较丰富,包括航拍、自然、城市、人物、节日、动画背景等。使用时需要重点查看单个素材的授权类型和使用限制。 7.

    1.3K10编辑于 2026-04-30
  • 一览7视频合成Skills

    为什么视频 Agent 开始集体长出“技能层”?7视频技能项目的能力边界与落地差异 最近一波视频相关的 Agent Skill 项目,已经不只是“帮你调一个模型”这么简单了。 这篇文章,我把 7 个项目放在一起看,不只介绍“它们能做什么”,更重点分析: 它们分别解决的是视频链路中的哪一段 哪些更像“生产工具”,哪些更像“能力底座” 哪些适合个人创作者,哪些更适合团队或工作流集成 先说结论:这 7 个项目,实际上分成了 4 个层级 为了避免把它们混成一锅,我先给一个专业划分。 适合: 用 Agent 写 Remotion 视频项目 做模板化视频生成系统 自动化字幕视频、图表视频、3D 视频 团队沉淀 Remotion 开发规范 八、专业对比:这 7 个项目到底差在哪? 真正成熟的视频 Agent,往往不是只靠其中一类,而是这几类组合起来: 用理解器分析内容 用执行器完成处理 用规则型 Skill 保证工程质量 用产品化工作流加速特定场景 从这个角度看,这 7 个项目最大的价值

    1.6K10编辑于 2026-04-22
  • UniApp移动端开发 vs 原生开发:全面对比分析

    优势 UniApp 劣势 原生优势 原生劣势 开发成本 一套代码多端发布,开发成本低、周期 复杂功能需原生插件支持,插件生态有限 性能极致,功能完全可控 需分别开发,成本高、周期长 性能表现 普通页面性能良好 帧率稳定、内存占用低、动画流畅 — 用户体验 体验接近原生,部分场景稍逊 某些交互无法完全贴合平台规范 完全贴合平台设计,交互流畅 — 生态与扩展 丰富的组件和插件,支持条件编译 深度原生能力(如AR、音视频 推荐使用UniApp的场景 // 1. 高性能要求应用 const suitableForNative = [ '大型游戏应用', // 需要极致性能 'AR/VR应用', // 需要深度硬件访问 '视频编辑工具 UniApp与原生混合方案 // 1.

    1.2K10编辑于 2025-11-30
  • 来自专栏APP开发

    UniApp开发框架的介绍

    UniApp 是一个基于 Vue.js 的跨平台开发框架,允许开发者使用一套代码构建多端应用(如H5、小程序、iOS、Android等)。以下是 UniApp 开发框架的详细介绍。 3.UniApp 的项目结构一个典型的 UniApp 项目结构如下:4.UniApp 的核心功能4.1页面与路由页面配置:在 pages.json 中配置页面路由、导航栏、下拉刷新等。 5.UniApp 的开发流程5.1创建项目使用 HBuilderX 创建 UniApp 项目,选择模板(如默认模板、Hello UniApp)。 7.UniApp 的适用场景多端应用开发:适合需要同时开发 H5、小程序和移动 App 的项目。快速原型开发:适合快速构建 MVP(最小可行产品)或原型。 中小型项目:适合中小型项目,开发成本低、周期。总结UniApp 是一个强大的跨平台开发框架,特别适合需要快速开发多端应用的场景。

    1.8K10编辑于 2025-02-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
领券