文章/答案/技术大牛

发布

社区首页 >问答首页 >如何用Nextjs显示mp4文件格式？

问如何用Nextjs显示mp4文件格式？
EN

Stack Overflow用户

提问于 2020-07-23 10:55:36

回答 1查看 1.1K关注 0票数 0

我的组件上有以下代码，视频存储在/public下

<video autoPlay loop>
    <source src="./video.mp4" type="video/mp4" />
</video>

我有如下的next.config.js

module.exports = withPlugins( // I use next-compose-plugins
  [
    ...some plugin
  ],
  withVideos(nextConfig), // I use next-videos
)

我似乎根本无法播放我的视频，作为206 Partial Content，我得到了以下错误。我的视频文件只有180kB。有人知道解决这个问题的办法吗？

next.js

javascript

reactjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-23 13:19:17

问题不是来自Nextjs。这个视频可以在Safari上播放，但Chrome和Firefox不能播放。我要解决的唯一问题就是压缩视频并允许服务器处理内容范围

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63052621

复制

MP4文件格式入门「干货分享」

node.js html android

首先，介绍下封装格式。多媒体封装格式（也叫容器格式），是指按照一定的规则，将视频数据、音频数据等，放到一个文件中。常见的 MKV、AVI 以及本文介绍的 MP4 等，都是封装格式。

睡魔的谎言

2020/12/22

2.5K0

JPEG文件格式_显示文件格式后缀

byte image intel jpeg table

JPEG文件的存储格式有很多种，但最常用的是JFIF格式，即JPEG File Interchange Format。JPEG文件大体可以分为两个部分：

全栈程序员站长

2022/09/19

1.8K0

多媒体文件格式剖析：MP4篇

容器 html

MP4格式是目前应用最广泛的封装格式，良好的跨平台特性是其最大的优势。我们有必要了解一下MP4的基本格式信息，方便我们封装裸流信息； MP4中封装了视频或者音频裸流信息，通常以.mp4为后缀，其实它是由一个一个的“BOX”组成的，大BOX中嵌套小BOX，逐级嵌套而形成的。

马上就说

2020/12/11

2.9K1

5分钟入门MP4文件格式

node.js html android

本文主要内容包括，什么是MP4、MP4文件的基本结构、Box的基本结构、常见且重要的box介绍、普通MP4与fMP4的区别、如何通过代码解析MP4文件等。

huofo

2022/03/18

3.6K0

MP4文件格式的解析，以及MP4文件的分割算法

c++

MP4文件格式的解析，以及MP4文件的分割算法　　mp4应该算是一种比较复杂的媒体格式了，起源于QuickTime。以前研究的时候就花了一番的功夫，尤其是如何把它完美的融入到视频点播应用中，更是费尽了心思，主要问题是处理mp4文件庞大的“媒体头”。当然，流媒体点播也可以采用flv格式来做，flv也可以封装H.264视频数据的，不过Adobe却不推荐这么做，人家说毕竟mp4才是H.264最佳的存储格式嘛。　　这几天整理并重构了一下mp4文件的解析程序，融合了分解与合并的程序，以前是c语言写的，应用在lin

hbstream

2018/05/11

8K0

浅析EggJS接入NextJS

api html koa seo webpack

需要说明的是，本文并非说Next的使用方式或者Egg的使用方式，建议阅读者对Egg和Next有一定了解。本文主要想表达的是对Next的一些吐槽，已经如何和Egg配合使用。

LamHo

2022/09/26

1.6K0

NextJS x Typescript - Integration & Troubleshooting

api c++github windows git

GitHub pages is a hosting provider for static pages. You can't host APIs on it. If you really want to host on GitHub pages you'll want to use https://github.com/zeit/next.js#static-html-export and not use API routes.

szhshp

2022/09/21

4670

手把手教你如何用黑白显示器显示彩色！

https 网络安全

原来在黑白显示器上也能显示出彩色啊！通过在监视器上覆盖拜耳滤色镜，并拼接彩色图像，就能在黑白监视器上显示彩色图像。

大数据文摘

2020/07/06

9990

Tailwind.css not included in NextJS Production

javascript css

If tailwind not work in prod. Definitely build step fails on file include.

szhshp

2022/09/21

2330

Nextjs任意组件数据加载

react javascript html 渲染

Nextjs是React生态中非常受欢迎的SSR（server side render——服务端渲染）框架，只需要几个步骤就可以搭建一个支持SSR的工程（_Nextjs_的快速搭建见Next.js入门）。本文的案例代码来自于前端标准模板项目。

随风溜达的向日葵

2019/03/12

5.1K0

为原有的 NextJS 构建 PWA

网站 nginx json 缓存 javascript

简单来说，支持 pwa 的网站再移动端或者桌面端都可以模拟成设备中的一个 app，存在于主屏幕上。

Innei

2021/12/28

9600

NextJS 读取静态文件数据

json data 数据

参考代码示例数据在 NextJS 项目下添加文件 ./data/user.json，示例内容如下{ "name": "Anoyi🐬"}示例读取文件数据添加页面 ./pages/user.tsx，示例内容如下import { readFileSync } from 'fs'import path from "path"const Page = ({user}) => { return ( <div> {user.name} </div> )}export async functio

轻量级云原生架构实验室

2022/12/02

1.7K0

stl文件格式特点_常见文件格式

c++ascii https html 数据分析

STL文件格式（stereolithography，光固化立体造型术的缩写）是由3D SYSTEMS 公司于1988 年制定的一个接口协议，是一种为快速原型制造技术服务的三维图形文件格式。STL 文件由多个三角形面片的定义组成，每个三角形面片的定义包括三角形各个定点的三维坐标及三角形面片的法矢量。本文介绍如何通过C语言读取STL格式文件。

全栈程序员站长

2022/09/20

2.6K0

业务高速增长，如祺出行如何用腾讯云消息队列 RocketMQ 应对挑战

出行腾讯云 rocketmq 系统消息队列

作为广汽集团旗下的智慧出行平台，如祺出行上线四年时间，用户规模和订单量保持高速增长。在过去的2022年，如祺出行平台累计注册用户突破1800万，同比增长64%，年度订单总量超7000万，同比增长52%。

腾讯云中间件团队

2023/07/15

3070

小技巧 | 如何用python把时间戳如（1511544070）转换成常规时间格式？

python

由于工作关系，常常遇到时间戳转化的问题。转换方法用到python的datetime库里的fromtimestamp方法。第一步：导入datetime库 import datetime 第二步：使用fromtimestamp方法进行转换 x = 1511544070 result = datetime.datetime.fromtimestamp(x) # 输出result为：datetime.datetime(2017, 11, 25, 1, 21, 10) 第三步：再把结果转换成字符串 dateti

朱卫军 AI Python

2022/04/02

1.7K0

使用 NextJS 和 TailwindCSS 重构我的博客

编程算法 typescript 数据库 postgresql sql

这是笔者第三次重构博客，虽然博客应用是最简单的应用，但学习新技术何不从重构博客开始？

狂奔滴小马

2022/03/29

2.4K0

如何用python显示一个弹窗_appium golang

appium toast 登录

所以我的desired_caps如下（如果是之前的版本，需要安装uiautomator2，并且在初始化时指定automationName为uiautomator2）：

全栈程序员站长

2022/11/08

7350

NextJS 预渲染时 Axios 转发元数据

javascript node.js html tcp/ip

现在很多网站都使用了前后端的分离的架构，前后端可以不在一台服务器上，前端为了保证 SEO，必须使用预渲染，SSG 或 SSR 技术。而我的站点则使用了 NextJS 的 SSR 技术。在渲染端预渲染页面时首先会调用 Axios 实例去请求接口。但是有一个问题。在渲染端请求的头部永远是渲染端本身的 User-Agent 和 IP，并不能获取到用户本身的元数据。显然这并不是我们先要期望得到的结果。当然这个情况只发生在首次访问。

Innei

2021/12/28

7960

tga文件格式(波形声音文件格式)

文件存储

Tga常见的格式有非压缩RGB和压缩RGB两种格式,文件的第三个Byte位作为标记：2为非压缩RGB格式，10为压缩RGB格式。这里的类只实现读取非压缩格式的tga文件。

全栈程序员站长

2022/07/25

1.4K0

使用 NextJS 和 TailwindCSS 重构我的个人博客

编程算法 typescript postgresql 云数据库 SQL Server 云数据库 postgresql

这是笔者第三次重构博客，虽然博客应用是最简单的应用，但学习新技术何不从重构博客开始？

狂奔滴小马

2021/11/15

2.7K0

相似问题

MP4文件格式规范

如何用localStorage管理nextJS？

如何用Java读取sas文件格式

nextjs getServerSideProps显示加载

226

Nextjs不显示元素。

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问如何用Nextjs显示mp4文件格式？
EN