草庐IT

H5-ffmpeg

全部标签

HarmonyOS鸿蒙应用开发——原生与H5通信框架DSBrigde-HarmonyOS

文章目录介绍安装使用原生JavaScript进度回调参考介绍HarmonyOS版的DSBridge,通过本库可以在鸿蒙原生与JavaScript完成交互,相互调用彼此的功能。目前兼容Android、iOS第三方DSBridge库的核心功能,基本保持原来的使用方式,可以放心接入到项目中,后续会持续迭代保持与Android库相同的功能,减少前端和客户端的适配工作。支持的功能:支持以类的方式集中统一管理API;支持同步和异步调用;支持进度回调/回传:一次调用,多次返回;支持API是否存在的测试(当前仅支持检测原生API,在调用call()方法时会自检测)暂不支持的功能:不支持API命名空间不支持Ja

记录--H5 视频兼容性处理总结

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助概述最近在负责公司官网的开发,在H5播放视频时,遇到很多兼容问题,所以总结下在H5播放时,遇到的兼容性问题,并封装一个Video的组件,便于在H5使用。测试先来测试一下在不同的浏览器,video有什么兼容性的问题,要测试两种情况:可以内联播放,视频上方可以正常叠文字可以全屏播放,比如点击后,全屏播放前置配置HTML和Style下面测试的内容,视频节点是以正常文档流方式渲染:Testtitle.video{object-fit:contain;width:100%;height:100%;&-wrap{height:350px;posi

记录--H5 视频兼容性处理总结

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助概述最近在负责公司官网的开发,在H5播放视频时,遇到很多兼容问题,所以总结下在H5播放时,遇到的兼容性问题,并封装一个Video的组件,便于在H5使用。测试先来测试一下在不同的浏览器,video有什么兼容性的问题,要测试两种情况:可以内联播放,视频上方可以正常叠文字可以全屏播放,比如点击后,全屏播放前置配置HTML和Style下面测试的内容,视频节点是以正常文档流方式渲染:Testtitle.video{object-fit:contain;width:100%;height:100%;&-wrap{height:350px;posi

[ffmpeg系列 02] 音视频基本知识

一视频RGB:AV_PIX_FMT_RGB24,///Y:明亮度,Luminance或luma,灰阶图,UV:色度,Chrominance或Chroma。YCbCr:Cb蓝色分量,Cr是红色分量。取值范围:0-256。I420(yuv420p):4:2:0,宽高是4x4:YYYYYYYYYYYYYYYYUUUUVVVV。YUV大小:宽*高*1.5,Y占大小:宽*高,U占大小:宽*高/4,UV一样大。YUV拼接:上下:Y1…Y16Y1…Y16U1…U4U1…U4V1…V4V1…V4左右:Y1…Y4Y1…Y4(重复四个)U1U2U1U2(重复2个)V1V2V1V2(重复2个)两种打包格式:plan

uniapp在H5端实现PDF和视频的上传、预览、下载

上传上传页面 u-form-item:label="(form.ququ3==1?'参培':form.ququ3==2?'授课':'')+'证明材料'"prop="ququ6"required>u-button@click="upload"slot="right"type="primary"icon="arrow-upward"text="上传文件"size="small">/u-button>/u-form-item>viewclass="red">只能上传视频和pdf文件(支持.pdf,.mp4,.avi,.ts)/view>viewv-for="(item,i)inform.ququ6

短信引导用户关注公众号&短信唤起小程序&h5跳转公众号引导用户关注

背景想要短信唤起微信并引导用户关注公众号,经过调研这样是做不了的,但是我们发现可以通过短信唤起小程序,那么我们只需要在小程序中内嵌一个h5,用h5来引导跳转公众号就好了。那么我们拆解一下要做的事情:短信唤起小程序小程序webview内嵌h5h5跳转公众号1、短信唤起小程序https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/sms.html2、小程序webview内嵌h5第一步我们唤起小程序后,直接跳转到一个webview页面这个页面就是小程序的webview页面,比如路径为/pages/web-view

使用GPU利用ffmpeg-在Pyhton代码中实现视频转码到MP4格式的过程记录【失败告终-原因是显示型号太老不支持】

01-安装Nvida的显卡驱动和CUDA参考文章https://blog.csdn.net/wenhao_ir/article/details/125253533进行安装。02-下载ffmpeg的可执行文件下载ffmpeg的Windows可执行文件,下载页面:https://www.gyan.dev/ffmpeg/builds/#release-builds我在2023-12-08日下载的版本为:ffmpeg-6.1-essentials_build,百度网盘下载链接:https://pan.baidu.com/s/1FsDGVD-IEHukxhl57PWV-A?pwd=b64u下是各个版本的

H5: 使用Web Audio API播放音乐

简介记录关于自己使用WebAudioAPI的AudioContext播放音乐的知识点。需求分析1.列表展示音乐;2.上/下一首、播放/暂停/续播;3.播放模式切换:循环播放、单曲循环、随机播放;4.播放状态显示:当前播放的音乐名、播放时间、总时间、进度条效果;5.播放控制器显示在底部区域;6.支持音量调节;7.浏览器隐藏、显示的交互后,也能正常有效播放(播放、声音)。注意安卓与IOS上有不同的兼容性,所以采用了WebAudioAPI的AudioContext,兼容性强大(但是截止写文章前,IOS17+版本不支持,没有声音)。稍微复杂点点的逻辑就是AudioContext与手机系统的关联,可以看

踩坑ffmpeg录制的mp4无法在浏览器上播放

前言使用ffmpeg编译好的程序在电脑上进行音视频转换,可以参考这篇:《windows电脑FFmpeg安装教程手把手详解_windows安装ffmpeg》,而我们要做的是在游戏引擎中集成ffmpeg源码用来录制游戏视频。我们游戏目前只支持录制avi格式的视频,但是近期有个运营需求:在上架商品的时候在游戏内录制一段视频提供给网页端进行播放。首先简单的了解了一下,ffmpeg是支持录制mp4格式的,于是简短地改了几行代码就实现了录制mp4,然后把录制出来的视频发给网页同学部署测试。第二天收到反馈我们录制的视频无法在网页上播放,由于我也是第一次接触ffmpeg,不知道为什么mp4无法在浏览器上播放,

踩坑ffmpeg录制的mp4无法在浏览器上播放

前言使用ffmpeg编译好的程序在电脑上进行音视频转换,可以参考这篇:《windows电脑FFmpeg安装教程手把手详解_windows安装ffmpeg》,而我们要做的是在游戏引擎中集成ffmpeg源码用来录制游戏视频。我们游戏目前只支持录制avi格式的视频,但是近期有个运营需求:在上架商品的时候在游戏内录制一段视频提供给网页端进行播放。首先简单的了解了一下,ffmpeg是支持录制mp4格式的,于是简短地改了几行代码就实现了录制mp4,然后把录制出来的视频发给网页同学部署测试。第二天收到反馈我们录制的视频无法在网页上播放,由于我也是第一次接触ffmpeg,不知道为什么mp4无法在浏览器上播放,