h5 chrome有些视频只有声音

2024-10-23

H5的video标签在网页上播放MP4视频时只有声音没有画面

最近做一个项目时,发现mp4文件播放时没有图像,只有声音,代码检查了N次,都没有问题,就算是直接使用网上的实例代码,也只能播放实例视频,mp4文件绝对路径,相对路径也都试了,还是不能播放我的mp4. 最后才想到可能是mp4文件本身的问题, 查询了一下 mp4的视频编码有三种:MPEG4(DivX),MPEG4(Xvid),AVC(H264) 只有AVC(H264)编码格式的mp4才可以在网页上正常播放. 可以下载格式工厂进行编码格式转换,就能正常播放了留下此贴让大家少走弯路吧!

Android Webview中解决H5的音视频不能自动播放的问题

在开发webview的时候,当加载有声音的网页的时候,声音不会自动播放, 解决方法:在webview中调用js方法.这个方法需要在webview的setWebViewClient方法之后在onPageFinished回调中执行调用. 代码如下: web_view.setWebViewClient(new WebViewClient() { // 解决H5的音视频不能自动播放的问题 @Override public void onPageFinished(WebView view, Stri

h5 的video视频控件

h5 的video视频控件由于html5的流行,其中的video视频的使用很流行,使得可恨的IE9也能与时俱进了. video所支持的格式有mp4.ogg和wav三种. 例: HTML5 Video基础标签 ` <video id="myVideo" controls poster="video.jpg" width="640" height="320" > <source src="video.

H5新特性-视频,音频-Flash-canvas绘图

json格式 json - > AJAX json:数据格式,通常是以字符串形式表示对象 {"name":"james","age":19} 数组 [{"name":"tom"},{"name":"jerry"},{"name","james"}] 所有key 必须添加双引号所有value 如果字符串类型加上双引号 k

H5内联视频总结

概述之前写过h5内联视频,总结了一下当时做微信视频类h5的心得,随着工作中越来越多的接触h5,我有了更多的心得与经验,记下来供以后开发时参考,相信对其他人也有用. 内联视频的播放内联视频需要用户主动触发才能播放,最常见的是在loading界面之后会有一个按钮来触发内联视频播放.(网上说的WeixinJSBridgeReady试过了并不管用,因为这个是旧的jssdk,又查到可以用wx.ready()方法,没有试过.) 白名单机制微信有一个白名单机制,(付费)加入白名单的域名能够享有这个特权:

ffmpeg视频和声音

推送视频和声音 ffmpeg -f dshow -i video="screen-capture-recorder" -f dshow -i audio="内装麦克风 (Conexant 20672 SmartAudi" -r 5 -vcodec libx264 -preset:v ultrafast -tune:v zerolatency -acodec libmp3lame MyDesktop.mkv

H5 video自定义视频控件

1.自定义效果截图 2.效果源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>H5 video自定义视频控件</title> <style> * { margin: 0; padding: 0; } .box { background-color: #000; position:relative; display: inline

[科普贴]为何Flash被淘汰？附Chrome看视频最完美教程！

Adobe 公司放弃移动平台的 Flash 支持已经是板上钉钉的事了, Google Play 的 Flash 插件也会在 8 月份下架,这在一定程度上也会促进 HTML5 的发展和普及,因此我个人还是对 Adobe 的做法十分赞赏的. 当然,仍然有不少不明真相的用户对失去 Flash 伤心不已.之所以说“不明真相”,因为用户自然是不了解软件行业的技术更迭.对于普遍使用第 4 代 HTML 技术组织网页的时代,Flash 的出现着实丰富了用户的体验,让人眼前一亮.Web 前段开发者需要把 F

基于H5的摄像头视频数据流采集

最近,为了支持部门团队的项目,通过H5实现摄像头的视频流数据的捕获,抓取到视频流后,传输到视频识别服务器进行后续的逻辑处理. 视频数据的采集过程,其实是比较没有谱的过程,因为之前没有研究过HTML5操控摄像头并取视频流. 研究了下网络上的所谓的经验帖子,大都说基于WebRTC的方案,没有错,但是也不对,我们这里涉及到的技术,确切的说是基于H5的navigator以及MediaRecorder API实现,辅助的工具是FileReader以及Blob.参考的资料:(相关的内容,在这里就不详细描述)

H5 video标签视频加载存在的问题

客户发现上传的视频无法播放,然后主管让我解决这个问题,这个页面不是我负责的,我看了代码,发现视频用的h5标签video标签加载视频.我看了没问题,然后我先用ie浏览器打开,视频加载没问题.然后我给主管说没问题啊,主管说他也不知道,让我再看看,肯定有问题.然后我让旁边的同事打开,旁边的同事说无法播放. 我看了一下,他原来用的是谷歌浏览器,我才知道video标签原来存在浏览器兼容问题. 我百度了一下,找到了解决办法: <video controls="controls" width

video标签加载视频有声音却黑屏

问题昨天用户上传了一个视频文件,然而发现虽然有声音但是黑屏. 解释因为原视频的编码是用 mp4v 格式的,它需要专用的解码器.而 chrome 并不支持,所以无法播放. 然后如果用转码功能转成用 H.264 编码,就可以播放了. 上图的 AVC 实际上是 H.264 协议的别名.自从 H.264 协议中增加了 SVC 的部分之后,人们习惯将不包含 SVC 的 H.264 协议那一部分称为 AVC,而将 SVC 这一部分单独称为 SVC. 浏览器视频格式编码参照最后 chrome 的视频解码

Windows 10 （or 8）Chrome 观看视频发生flash不能加载，即"could't load plugins"原因之一

最近一直如题,不能看视频,后来发现从一个已经使用管理员权限打开的应用转到Chrome就可以加载flash,而从桌面打开Chrome就加载不了. 今天再次查找信息,从Ubuntu下Chrome不能加载flash的解决方案,"chmod 000修改flash插件所在位置文件的权限"中,领悟到很可能是使用用户权限打开Chrome,没有给flash插件所在目录提供足够的权限,以致于加载不了flash.而使用管理员权限打开的应用跳转打开Chrome则有足够的权限去读取并加载flash插件.经证实

h5 + nginx + php 视频上传之突破文件大小受限的解决办法

一.环境: CentOS 6.8 nginx 1.8.0 php 7.0.10 二.背景基于 nginx + php 的 h5 项目,上传视频的时候,如果视频太大,会上传失败. 三.正文一份视频传到后端,需要经过两道关卡: 1.nginx 2.php 解决办法 => 修改配置项(即下图箭头上的文字): 1.修改 nginx 配置打开nginx.conf,修改: client_max_body_size 200m; 重启 nginx 后,上传大小超过 200M 的视频,才会报错: 413 R

解决Ubuntu SMPlayer播放视频无声音问题

问题:Ubuntu Kylin 14.04 系统默认装好之后,smplayer播放视频都是正常的,但最近可能由于一些误设置,导致smplayer播放任何格式的视频都无声.解决方法:由于ALSA是Linux声音系统的底层,首先将smplayer的"首选项->音频->输出驱动"设置由pulseaudio改为alsa,看有没有声音.如果没有声音,那就首先检查ALSA混音器音量设置,再检查pulseaudio音量设置. 1.检查ALSA混音器设置 $alsamixer前四个Mast

海康相机SDK二次开发只有视频无声音问题

海康SDK相信做企业开发的的同仁,在项目中经常会用到,毕竟使用范围这么广. 本次就开发遇到的奇葩问题来说明一下我们的解决方案. 场景虽然海康有4200客户端,但是对于高度定制化的项目,肯定不能再使用让甲方来想看视频的去开始4200.于是我们就自己做了一个高度集成的客户端,但是在视频播放.回放的时候发现没有声音.这里我们已经确认前端相机与拾音器链接无误,并正常工作.那么剩下肯定是我们软件的问题了. 预览问题预览问题相对来说好解决,其实这个是开发经验问题,在调用预览的同时记得去调用一下打开声音的

H5内联视频

概述微信上很多H5页面都会有会动的像视屏的页面,这样的效果很棒.从技术上来说,这个其实就是视屏,不过没有控制播放的按钮罢了.它们还有一个专业的名字--内联视频.下面我把自己对内联视屏的学习记录下来,供以后开发时参考,相信对其他人也有用. 内联视屏的实现目前内联视屏只能在ios端和微信浏览器(QQ浏览器内核)里面实现. 在ios端,只需要给video加上playsinline属性就能使它内联播放,代码如下: <video id="video" x-webkit-airplay=

ffmpeg处理视频与声音

1.ffmpeg将mp4分解成多张jpg图片要在游戏中播放视频,引擎竟然不支持.琢磨了一下,干脆将视频图片提取出来,然后用Animation动画类来播放这些图片,这样也能实现播放视频的效果.还是ffmpeg处理图像同能最强大,用到关键几步如下: 1.分离视频音频流 ffmpeg -i input_file -vcodec copy -an output_file_video //分离视频流 eg:ffmpeg -i E:\hevc\1.mp4 -vcodec copy -an E:\hevc\

[转] h5上传视频或文件编写

Html5 finally solves an age old problem of being able to upload files while also showing the upload progress. Today most websites use Flash Player to achieve this functionality. Some websites continue to use the Html <form> with enctype=multipart/fo

ffmpeg+nginx+video实现rtsp流转hls流，通过H5查看监控视频

一.FFmpeg下载:http://ffmpeg.zeranoe.com/builds/ 下载并解压FFmpeg文件夹,配置环境变量:在“Path”变量原有变量值内容上加上d:\ffmpeg\bin,验证:ffmpeg -version 出现版本号则成功.二.官网下载windows Stable version版Nginx安装nginx服务器,配置:config和mime.types.1.在nginx\conf\nginx.conf中: http { include mim

h5中嵌入视频自动播放的问题

在H5页面中嵌入视频的情况是比较多件的,有时候会碰到需要自动播放的情况,之前根本觉得这不是问题,但是自己的项目中需要视频的时候就有点sb了,达不到老板的要求,那个急呀~~~ 各种查资料,找到一个方法,记录一下.核心是监听了canplaythrough事件,然后自己去让视频play(). 在这个过程中还发现,ios和安卓不一样,安卓上需要设置muted才能自动播放,ios没这个限制,当然,多媒体播放政策呢,厂商也一直在调整,需要关注. 还有就是有时候视频也可能有问题,导致不能自动播放,之前就是碰到

H5音频和视频

使用媒体标签最大的缺点在于缺少编解码器的支持一.浏览器支持性检测检测浏览器是否支持audio元素或video元素最简单的方式就是用脚本动态创建它,然后检测特定函数是否存在 var hasVideo=!!(document.createElement('video').canPlayType); 这段脚本会动态创建一个video元素,然后检查canPlayType()函数是否存在.通过"!!"运算符将结果转换成布尔值,反映出是否创建成功,如果不成功的话就需要出发另一套脚本向页面中引入媒体

h5 chrome有些视频只有声音

热门专题