javascript - 获取 HTML5 视频的方向

标签 javascript php html html5-video mp4

我发现发生了一些奇怪的事情。我有一个使用 Android 手机录制的 MP4 文件,我将其嵌入到页面上以使用 HTML5 视频标签进行播放。如果我在 chrome 中播放,视频是颠倒的,但是如果我在手机上的 chrome 中查看同一页面,视频会以正确的方式播放。是否存在手机正在读取而桌面浏览器没有读取的某种方向元值?显然我希望它在所有浏览器中都能以正确的方式播放,那么有没有一种方法可以确定它应该在客户端显示还是在服务器端使用 PHP 显示?

最佳答案

方向存储在 a 标记内。

也许桌面浏览器不支持方向。

使用 PHP 的 getid3 库,您可能能够读取该标签。但随后您需要重新转换视频,因为无法设置视频方向 atm。

http://getid3.sourceforge.net/

无论如何,如果您在服务器上安装了 ffmpeg,您可以创建一个函数来检查上传的方向,如果错误,它会自动转换视频。

在 ffmpeg 中旋转视频的代码是(旋转表面 180 度):

-vf "transpose=2,transpose=2"

也就是说,没有 atm 就没有简单的方法可以在桌面设备上自动旋转视频。

关于javascript - 获取 HTML5 视频的方向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24122455/

相关文章:

javascript - 在 React 组件上返回 true 或 false 的异步方法

html - Bootstrap 3 - 删除输入字段之间的太多空间,中间有破折号

html - 具有绝对定位的 css 最小宽度和边距/填充

php - 对 Mysql 数组进行切片

jquery - 如果里面有另一个div,如何只将文本设置在div的中心?

javascript - 在 Google 折线图中的线注释之上添加图像

javascript - jQuery 没有执行一个事件,而是执行了 4 个相同的事件

javascript - 合并重叠的日期范围

php - 如何从 Laravel 5 的内核中删除旧的 artisan 命令

php - 使用 jquery 和 javascript 显示来自 PHP 的变量