视频文件本地可以播放但是web端无法播放的解决方法

最新推荐文章于 2024-07-26 09:10:23 发布
最新推荐文章于 2024-07-26 09:10:23 发布
阅读量295 收藏
点赞数 1
文章标签： ffmpeg
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AsterCass/article/details/132428384
版权

原文地址

原文链接

问题

视频文件本地可以播放，但是web端无法通过<video>标签播放的问题，一般情况是编码器不同造成的，谷歌浏览器目前只支持x264的编码器播放，所以我们需要将视频转为x264编码

正常的x264编码的文件是可以在windows下通过【属性】-【详细信息】查询到视频长度、帧宽高等详细信息

解决

使用工具FFmpeg，windows端一般使用win64-gpl的版本，使用命令

ffmpeg -i input.mp4 -vcodec libx264 -acodec aac output.mp4

即可完成文件转换

原文地址

原文链接

AsterCass
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
海康威视摄像头视频在web端播放解决方案ffmpeg + nginx + http-flv
weixin_43938408的博客
08-06 7309
一：下载海康JAVA-DEMO 我开发环境是window10-64位 IDEA JDK1.8 的 和 mac IDEA JDK1.8 demo下载地址 https://www.hikvision.com/cn/download_more_570.html 1：下载完成以后，必须认真看完这个txt，不然后面可能会出现“dll缺失”和“sdk文件不存在”这种异常 2：sdk使用手册【必看】 二：摄像设备ip，通道查看 海康摄像头设备的录像文件一般都是存储在录像机，找出录像机的ip及账号密码 在最新版IE11
llinux使用opecv保存视频无法在浏览器播放怎么办（mp4v -＞avc1)
今天又摸鱼了
05-25 731
修改``cv2.VideoCapture(0) 为 cv2.VideoCapture(0, cv2.CAP_V4L2)解决方法, 好像是ubantu系统的问题，我也没看明白。这个是python不能访问系统lib64解码器问题？我这个是fish语法，
解决ffmpeg合成的视频格式浏览器无法播放问题
X2818566的博客
12-17 3461
ffmpeg -f concat -i \\192.168.1.247\vrdiy\DIY\13249\output\target.txt -pix_fmt yuv420p \\192.168.1.247\vrdiy\DIY\13249\output\step3.mp4" 关键在于 ：-pix_fmt yuv420p这个参数 之前是-c copy
java web 播放本地视频文件
a18392064008的博客
07-06 3523
java web 播放本地视频文件
ssm项目实现上传视频，在web端播放视频
jongsuk_sun的博客
10-12 4497
实现的思路： 1，上传视频，将视频存放在服务器端，数据库中存放相对服务器的相对地址 2，网页端播放视频：使用ckplayer插件：www.ckplayer.com/ 参考：https://blog.csdn.net/ITBigGod/article/details/81747046 https://blog.csdn.net/www_worf/article/details/801520...
web端播放rtsp视频流（摄像头监控视频）教程及window下开机自启动部署
pixle的博客
01-09 7428
像海康大华一些摄像头或者直播源 为rtsp视频流，想在web上播放必须进行协议转换。已知一些方案例如rtsp转rtmp需要flash，现在浏览器基本不支持flash。还有转hls或者flv这些延迟都比较高。经过实践对比比较理想方案是 经转码后视频流通过websocket传送给客户端在将视频流解码成图片通过canvas渲染出来，延迟比较小基本在1s以内。所用工具(插件)为ffmpeg+node（node-rtsp-stream）+jsmpeg。
web视频播放
weixin_45945521的博客
05-27 2486
Web视频播放
web部署在服务器上的tomcat后，视频无法播放（路径问题）解决
wflsyf的博客
10-08 1832
我自己是测试成功了的。 部署在tomcat上后，访问都是应该以http形式访问，继续以文件路径的形式访问可能不安全就访问不到。 例如：之前是直接放在webapp下，使用idea启动访问时，video标签填的src是1.mp4，但是部署在服务器的tomcat中的webapp之后，就访问不到该视频了。 需要修改，例如tomcat中设置的访问前缀为video ,则新访问路径为http://localhost:8080/video/1.mp4。 ...
Web端 Html5 直接播放 .ts 视频
qq_29328065的博客
10-16 1万+
常见方案 在网上查找的大部分解决方案都是用诸如videojs等网页播放器，接收 .m3u8索引文件的方式来播放ts切片。这种方案的缺点是需要后端对原始ts切片做处理，生成 .m3u8索引文件 ffmpeg -i source.ts -c copy -map 0 -f segment -segment_list playlist.m3u8 -segment_time 10 output%03d.ts 项目中已存储的 .ts 切片数量众多，已经占用了NAS服务器绝大部分的资源，生成的 .m3u8 索引虽然非常
web页面播放实时视频流
热门推荐
youngRows的博客
06-10 1万+
web页面播放实时视频流业务述求技术方案选型实现大方向实现细节局域网内摄像头配置摄像头的ip地址穿刺拉取视频流使用h5Stream拉取视频流vlc media player 拉取ffmpeg拉取视频流不足与思考 业务述求 需要在WEB端实时查看现场的视频监控（公司选型的是大华摄像机） 技术方案选型 1. ffmpeg通过rtsp协议拉取视频流 2. 使用vlc media player 组件拉取视频流，在web端显示 3. 使用h5Stream在线对视频流拉取 实现大方向 把局域网内的摄像头地
网页播放海康rtsp视频，亲测可用
08-13
在Web环境中播放RTSP视频，我们需要解决浏览器的兼容性问题。由于安全和隐私考虑，现代主流浏览器（如Chrome、Firefox）不再支持直接嵌入RTSP流。因此，我们需要借助一些技术手段，比如使用HTML5的MediaSource ...
可以加载当前进度的Web端视频播放实例
10-14
"可以加载当前进度的Web端视频播放实例" 是一个针对包括老旧的IE8浏览器在内的多种浏览器实现的解决方案，它提供了丰富的视频控制功能，如视频进度控制、快进快退以及暂停等。这个实例基于HTML5的Media API，结合...
Web视频播放——VLC插件
01-11
VLC是由VideoLAN项目开发的开源、跨平台的多媒体框架，不仅能够处理各种格式的本地视频文件，还能够实现在网页中流畅播放流媒体内容。在本主题中，我们将深入探讨VLC插件在Web视频播放中的应用，以及如何在IE8等...
EasyPlayer.js H5播放器，是一款能够同时支持HTTP、HTTP-FLV、HLS（m3u8）视频直播与视频点播等多种
08-12
EasyPlayer.js支持HTTP协议，意味着它可以播放存储在服务器上的常规视频文件，如MP4或WebM格式。 HTTP-FLV协议是Adobe公司提出的一种实时流媒体协议，常用于Flash Player中的视频流传输。尽管Flash技术正在逐步被...
web端调用大华摄像头demo及大华控件开发包编程指南文档
11-07
在IT行业中，尤其是在视频监控领域，能够通过Web端调用摄像头进行实时监控、回放以及视频下载等功能，是一项重要的技术应用。本指南将详细介绍如何在Web端调用大华摄像头的Demo及其控件开发包，以便实现高效、稳定且...
VINS-FUSION 优化-IMU预积分因子（二）
u010196944的博客
07-22 829
VINS-FUSION 优化-IMU预积分因子（一）完成了IMU预积分及对于优化变量的全部雅克比矩阵的推导，本文结合VINS-FUSION源码，完成优化-IMU预积分因子的使用。
【ffmpeg命令入门】添加水印
m0_62599305的博客
07-24 662
在视频制作和编辑的过程中，添加水印是一个常见且重要的步骤。水印不仅可以保护版权，还能用于品牌宣传和防止盗版。FFmpeg 作为一个强大的多媒体处理工具，提供了灵活且功能丰富的水印添加功能，包括图片水印和文字水印。通过简单的命令，我们可以将自定义的水印嵌入到视频中，并控制其位置、大小、颜色等属性。本文将介绍如何使用FFmpeg命令添加图片水印和文字水印，帮助初学者快速掌握这一实用技巧。水印（Watermark）是一种数字标记技术，通常用于在图像、视频或音频文件中嵌入特定的信息，以表明文件的所有权、版权或来源。
基于Qt的视频剪辑
最新发布
cqltbe131421的博客
07-26 262
在Qt中进行视频剪辑可以通过多种方式实现，但通常需要使用一些额外的库来处理视频数据。这将从input.mp4中剪辑出从第10秒到第60秒的视频片段，并保存为output.mp4。GStreamer是一个功能强大的多媒体处理框架，支持多种格式的视频和音频处理。QtAV提供了一些API来处理视频剪辑，但具体的实现可能需要一些编程工作。在Windows上，可以从FFmpeg官网下载预编译的二进制文件。QtAV是一个基于Qt的多媒体框架，可以用来播放和处理视频。使用QtAV进行视频剪辑。
Oracle系统表空间的加解密
In-Memory Computing Technology
07-23 463
对于临时表空间，只能新建一个加密的临时表空间，然后指定其为默认临时表空间。解密当然也可以在线，但为了涵盖加解密功能，此处使用离线解密。就剩下临时表空间了，按照文档。
4.27 解决webui无法播放网页视频
01-31
4.27 解决webui无法播放网页视频的问题，首先需要检查网络连接是否正常，确保网络速度稳定。其次，检查浏览器版本是否是最新的，同时确保浏览器插件和扩展程序都是最新的版本。如果问题仍然存在，可以尝试清除浏览器缓存和Cookie，然后重新加载页面。另外，也可以尝试在其他浏览器上打开同样的网页，看是否能够播放视频。如果其他浏览器可以正常播放视频，那么可能是当前浏览器的问题，需要进一步排查。同时，也可以尝试更新操作系统和显卡驱动程序，有时候这些更新也会对视频播放产生影响。最后，如果以上方法都没有解决问题，可能是因为网页本身或视频源的问题，可以尝试访问其他网站的视频，看是否也存在同样的问题，以确定是否是特定网页的问题。希望以上方法可以帮助您解决webui无法播放网页视频的困扰。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值