将.mov文件添加到网页的正确方法是什么?
我只是将此功能添加到现有文件中,因此我无法将其转换为HTML5.该文件位于同一服务器上,大小约为1G.
客户也不想在主页上使用YouTube或Vimeo.
当我尝试在我的应用程序中上传从我的iPhone捕获的视频时,服务器执行从.mov到.mp4的转换,以便可以在其他平台上播放.但问题是,当我拍摄视频(纵向)并进行转换(使用ffmpeg)然后从服务器播放时,它似乎是旋转的.任何的想法?
在 javascript 中,我试图获取已加载 .mov Quicktime 视频的 html5 视频元素的 videoWidth 和 videoHeight。
以下是相关代码的摘录:
var video = $('<video></video>');
video.prop('src', reader.result.replace(
// Trick browsers to render MOV files
/^data:video\/quicktime;base64,/,
'data:video/mp4;base64,'
));
video.one('loadedmetadata loadeddata', function(e) {
//check this.videoWidth and this.videoHeight
...
Run Code Online (Sandbox Code Playgroud)
到目前为止,该代码适用于我们尝试过的所有其他视频,甚至是从网络下载的其他 .mov Quicktime 示例文件。对于这个特定的视频,我检查了两个事件的 videoWidth 和 videoHeight 属性loadedmetadata
,loadeddata
并且在两个事件之后这些属性均为 0。还有一些其他属性可以正确填充,例如duration
尽管。该视频来自客户的 iPhone,然后通过空投发送到他的 MacBook,然后通过 Safari 上传。其他媒体播放器似乎可以正确播放此文件,并且在我的操作系统中检查视频文件的详细信息时显示正确的尺寸。
任何有关如何使用 javascript 或 jquery 获取此视频的正确视频尺寸的帮助,我们将不胜感激,谢谢。
核心视频专家,我正在为.mov文件创建自定义视频播放器。我正在使用.mov解析器,并使用QTCoreVideo101示例来尝试播放视频。
我的问题是显示链接getFrameForTime我不知道如何使用时间值来找到正确的帧。
CVTimeStamp中包含的值对我来说没有任何意义。以下是1秒视频请求的值示例。谁能解释我如何使用这些值在.mov文件中找到正确的帧?
前三个请求-CVTimeStamp的值
视频时间:489150134353920.000000主机时间:2026048145326080.000000视频时间比例:241500000.000000速率标量:1.000000视频刷新时间:4028320.000000
视频时间:489150201462784.000000主机时间:2026048279543808.000000视频时间比例:241500000.000000速率标量:0.999985视频刷新时间:4028320.000000
视频时间:489156643913728.000000主机时间:2026074988871680.000000视频时间比例:241500000.000000速率标量:1.000000视频刷新时间:4028320.000000
在研究了StackOverflow和类引用的批量后,iOS MPMoviePlayerController无法播放.mov视频文件.AVPlayer可以播放.mov文件,但没有控件.
我希望我的应用程序播放.mov文件,因为Adobe Flash Animation提供.mov作为最干净和本机的视频.如果我将相同的视频转换为mp4(支持的格式),即使我将视频速率转换为100 MB/s和最高质量的视频,也会导致质量下降.
相当具有讽刺意味的是,QuickTime是Apple的知识产权,其产品不支持.mov视频文件.
我该如何解决这个问题?
.mp4
文件但视频无法播放我在Adobe新的Animate CC中创建了一个动画并将其导出为.mp4
文件
在我的webpack.config.js文件中,我声明file-loader
应该用于加载我的.mp4
文件,如下所示:
webpack.config.js
{
test: /\.(mov|mp4)$/,
use: [
'file-loader'
]
}
Run Code Online (Sandbox Code Playgroud)
(你可以在webpack.config.js
下面找到我的源代码)
那么,为什么,当我运行webpack
(或者说本地,webpack
作为npm
脚本)
的package.json
"build:dev": "webpack --watch",
Run Code Online (Sandbox Code Playgroud)
浏览器是否找到该.mp4
文件
的index.html
<video loop autoplay controls>
<source id="arrows" src="c31...random_hash...1611.mp4" type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)
但不玩吗?
video
标记的src
属性.mov
)这是我的源代码:
webpack.config.js
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const webpack = require('webpack');
module.exports …
Run Code Online (Sandbox Code Playgroud)