个人中心
文章发布
退出
作者热门文章
- Java锁的逻辑（结合对象头和ObjectMonitor）
- 还在用饼状图？来瞧瞧这些炫酷的百分比可视化新图形（附代码实现）⛵
- 自动注册实体类到EntityFrameworkCore上下文，并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
31
4
最近在做一个手机端拍照上传，并预览文件的功能，前端用h5 video 标签，后端用springboot+minio.
刚开始写代码和测试的时候，都是用的安卓手机，照片和视频都没问题，后来换成用苹果手机后，播放视频就出现各种问题，先是苹果手机拍的mov视频不支持播放，后面又出现苹果手机播放不了视频，应该是ios浏览器不兼容video标签.
后来网上找了半天，终于找到了解决方案.
iOS上播放视频，http协议中应用rang请求头.
视频格式MP4是正确的，但是你的后台没有对ios的视频播放器做适配。如果想要在iOS上播放视频，那么必须在http协议中应用rang请求头。 对于有的朋友还对ios播放器http的range标记不是很懂。我再讲解下.
视频文件总长度是123456789 range是播放器要求的区间也就是客户端发送请求的时候http会带有这个标记，这个区间的值在http.headers.range中获取，一般是bytes=0-1这样的.
我们需要做的处理是返回文件的指定区间（如上面的例子，我们就应该返回0到1的字符），并添加Content-Range:btyes 0-1、Accept-Ranges:bytes、'Content-Length: 123456789'，'Content-Type: video/mp4'到http.headers中 。
下面是前后端代码，上传就用的minio sdk上传的，这个代码就不贴了.
<!
-webkit-playsinline="true"/*这个属性是ios 10中设置可以让视频在小窗内播放,即不全屏播放*/
playsinline="true"/*I0s微信浏览器支持小窗内播放*/
x-webkit-airplay="allow"/*使此视频支持ios的AirPlay功能*/
x5-video-player-type="h5”/*启用H5播放器,是wechat?安卓版特性*/
x5-video-player-fullscreen="true”/*全屏设置,设置为true是防止横屏*/
>
-->
<
video
autoplay
class
="video"
v-if
="urlType === 'video'"
:src
="previewUrl"
controls
type
="video/mp4"
webkit-playsinline
="true"
playsinline
="true"
x5-playsinline
="true"
x-webkit-airplay
="allow"
x5-video-player-fullscreen
="true"
x5-video-player-type
="h5"
></
video
>
/**
* 分段下载
*
* @param bucket
* @param fileName
* @param response
*/
@GetMapping("file/range/{bucket}/{fileName}")
public void fileRangeIgnoreToken(@PathVariable String bucket, @PathVariable String fileName, HttpServletRequest request, HttpServletResponse response) {
String property = System.getProperty("user.dir");
String filePath = property + "/" + fileName;
log.info("新生文件的路径：{}", filePath);
File file = new File(filePath);
InputStream inputStream = minioTemplate.getObject(bucket, fileName);
try {
FileUtils.copyInputStreamToFile(inputStream, file);
this.rangeVideo(request, response, file, fileName);
} catch (Exception e) {
e.printStackTrace();
log.error("分段发送文件出错，失败原因：{}", Throwables.getStackTraceAsString(e));
} finally {
FileUtil.del(file);
}
}
/**
* 新增视频加载方法，解决ios系统vedio标签无法播放视频问题
*
* @param request
* @param response
* @param file
* @param fileName
* @throws FileNotFoundException
* @throws IOException
*/
public void rangeVideo(HttpServletRequest request, HttpServletResponse response, File file, String fileName) throws FileNotFoundException, IOException {
RandomAccessFile randomFile = new RandomAccessFile(file, "r");//只读模式
long contentLength = randomFile.length();
log.info("获取导的contentLength={}", contentLength);
String range = request.getHeader("Range");
int start = 0, end = 0;
if (range != null && range.startsWith("bytes=")) {
String[] values = range.split("=")[1].split("-");
start = Integer.parseInt(values[0]);
if (values.length > 1) {
end = Integer.parseInt(values[1]);
}
}
int requestSize = 0;
if (end != 0 && end > start) {
requestSize = end - start + 1;
} else {
requestSize = Integer.MAX_VALUE;
}
response.setContentType("video/mp4");
response.setHeader("Accept-Ranges", "bytes");
response.setHeader("ETag", fileName);
response.setHeader("Last-Modified", new Date().toString());
//第一次请求只返回content length来让客户端请求多次实际数据
if (range == null) {
response.setHeader("Content-length", contentLength + "");
} else {
//以后的多次以断点续传的方式来返回视频数据
response.setStatus(HttpServletResponse.SC_PARTIAL_CONTENT);//206
long requestStart = 0, requestEnd = 0;
String[] ranges = range.split("=");
if (ranges.length > 1) {
String[] rangeDatas = ranges[1].split("-");
requestStart = Integer.parseInt(rangeDatas[0]);
if (rangeDatas.length > 1) {
requestEnd = Integer.parseInt(rangeDatas[1]);
}
}
long length = 0;
if (requestEnd > 0) {
length = requestEnd - requestStart + 1;
response.setHeader("Content-length", "" + length);
response.setHeader("Content-Range", "bytes " + requestStart + "-" + requestEnd + "/" + contentLength);
} else {
length = contentLength - requestStart;
response.setHeader("Content-length", "" + length);
response.setHeader("Content-Range", "bytes " + requestStart + "-" + (contentLength - 1) + "/" + contentLength);
}
}
ServletOutputStream out = response.getOutputStream();
int needSize = requestSize;
randomFile.seek(start);
while (needSize > 0) {
byte[] buffer = new byte[4096];
int len = randomFile.read(buffer);
if (needSize
<
buffer
.length) {
out.write(buffer, 0, needSize);
} else {
out.write(buffer, 0, len);
if (len < buffer.length) {
break;
}
}
needSize -
= buffer.length;
}
randomFile.close();
out.close();
}
上面这段代码可以解决本文开头提到的两个问题.
还有一种思路，也是我一开始的做法，就是先从文件服务器上读取视频文件，然后在后台强制把.mov转成.mp4输出.
代码也贴下 。
@GetMapping("file/{bucket}/{fileName}"
)
@IgnoreUserToken
@IgnoreClientToken
public
void
fileIgnoreToken(@PathVariable String bucket, @PathVariable String fileName, HttpServletResponse response) {
if
(fileName.toLowerCase().contains(".mov"
)) {
log.info(
"进入mov文件转码"
);
File source
=
null
;
File target
=
null
;
try
{
InputStream inputStream
=
minioTemplate.getObject(bucket, fileName);
source
=
new
File("/" + IdUtil.simpleUUID() + ".mov"
);
target
=
new
File("/" + IdUtil.simpleUUID() + ".mp4"
);
FileUtils.copyInputStreamToFile(inputStream, source);
AudioAttributes audio
=
new
AudioAttributes();
audio.setCodec(
"libmp3lame"
);
audio.setBitRate(
new
Integer(800000));
//
设置比特率
audio.setChannels(
new
Integer(1));
//
设置音频通道数
audio.setSamplingRate(
new
Integer(44100));
//
设置采样率
VideoAttributes video =
new
VideoAttributes();
//
video.setCodec("mpeg4");
video.setCodec("libx264"
);
video.setBitRate(
new
Integer(3200000
));
video.setFrameRate(
new
Integer(15
));
EncodingAttributes attrs
=
new
EncodingAttributes();
attrs.setOutputFormat(
"mp4"
);
attrs.setAudioAttributes(audio);
attrs.setVideoAttributes(video);
Encoder encoder
=
new
Encoder();
encoder.encode(
new
MultimediaObject(source), target, attrs);
IoUtil.copy(
new
FileInputStream(target), response.getOutputStream());
}
catch
(Exception e) {
log.error(
"转码文件出错，失败原因：{}"
, Throwables.getStackTraceAsString(e));
}
finally
{
log.info(
"删除临时文件"
);
FileUtil.del(source);
FileUtil.del(target);
}
}
else
{
try
{
IoUtil.copy(minioTemplate.getObject(bucket, fileName), response.getOutputStream());
}
catch
(IOException e) {
log.error(
"读取文件出错，失败原因：{}"
, Throwables.getStackTraceAsString(e));
}
}
}
。
最后此篇关于苹果手机H5video标签播放视频问题以及.mov格式处理方案的文章就讲到这里了,如果你想了解更多关于苹果手机H5video标签播放视频问题以及.mov格式处理方案的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
31
4
0
这个问题在这里已经有了答案: Differences between general purpose registers in 8086: [bx] works, [cx] doesn't? (3
我最近开始探索计算机体系结构领域。在研究指令集体系结构时，我遇到了“ mov”指令，该指令将数据从一个位置复制到另一个位置。我知道某些类型的mov'指令是有条件的，而有些则需要添加偏移量或位移来查找特
我正在研究使用模拟 MSP430 CPU 的 Microcorruption CTF。 我见过几个 mov 指令示例，例如: mov sp, r4 ;将堆栈指针的值移至寄存器4 mov #0xfffc
我不明白 MOV 和 MOV ptr 之间的区别。 例如，在这段 C 代码中: unsigned char x, y; x = 2; 汇编中的第二行是: `MOV x, 2` 但是这个 C 代码的第二
MOV可能是每个人在学习ASM时都会学到的第一条指令。 刚才我遇到了一本书Assembly Language Programming in GNU/Linux for IA32 Architectur
下面两行有什么区别？ mov ax, bx mov ax, [bx] 如果bx包含值100h，并且内存地址100h处的值是23，那么第二个是否将23复制到ax？ 另外，下面两行有什么区别？ mov a
我编写了一个基本的 C 程序，它定义了一个整型变量 x，将其设置为零并返回该变量的值: #include int main(int argc, char **argv) { int x;
我是一个初学者，正在编写汇编程序以使用以下代码打印从 1 到 9 的数字: section .text global _start _start:
mov (%rax),%eax有什么区别和 mov %rax,%eax ?我确定这是一个简单的问题，但我在任何地方都找不到答案。 这是提示我的问题的原始代码: mov -0x8(%rbp),%r
有人可以解释一下这三个指令的功能吗？ ORG 1000H MOV AX,CS MOV DS,AX 我知道理论上的代码、数据和额外段是什么，但是: 在这个程序中它们是如何实现的？ 为什么整个
在 8086 架构的 16 位 MS-DOS 应用程序中，mov bx,ax 和 mov bh,ah 之间的速度有区别吗？ 最佳答案 您没有指定架构，但至少在 8086 中指定, 286 , 386和
我正在反汇编一些代码，我发现: mov eax, cr3 mov cr3, eax 这些线的作用是什么？ 这是 x86 低级(BIOS/固件/引导加载程序之前)初始化代码。我们甚至还没有设置缓存。 最
使用 nasm 组装此代码时: BITS 64 mov eax, 0x1 mov rax, 0x1 我得到这个输出: b8 01 00 00 00 b8 01 00 00 00 这是 mov eax,
我试图理解 Intel 语法和 AT&T 语法之间的差异(我使用 GNU as)。 我有两个文件，intel.s: .intel_syntax noprefix val: mov eax, v
我需要一种非常精确的方法来加速音频。 我正在为 OpenDCP(一种用于制作数字电影包的开源工具)准备电影，以便在影院放映。 我的源文件通常是 23.976fps 和 48.000kHz 音频的 qu
通过查看英特尔指令卷，我发现了这一点: 1) 88/r MOV r/m8,r8 2) 8A/r MOV r8,r/m8 当我在 NASM 中写下这样的一行，并使用列表选项将其组装时: mov al
Intel 手册说 mov 有两种变体，涉及内存和 32 位立即操作数: MOV r/m32, imm32 MOV r/m64, imm32 第一个复制四个字节，第二个复制八个字节，采用给定的 32
我已经处理了一天了，最后不得不出来问。我想获取一个无声的 prores mov 文件(但显然确实有时间码轨道)并将其与 6 个单声道 wav 文件无损混合，使 6 个单声道 wav 在最终 mov 中
这是我的代码: section .data digit db 0,10 section .text global _start _start: call _printRAXD
我在问 mov需要计算该地址的指令，即(在 at&t 语法中mov i(r, r, i), reg或 mov reg, i(r, reg, i)必须在端口 1 上执行，因为它们实际上是带有 3 个操作
我是一名优秀的程序员,十分优秀！