构建一个视频流应用程序。具体来说,我们将构建一个服务器端 Node.js 应用程序,该应用程序将处理获取和流式传输视频、为您的视频生成缩略图以及提供字幕和副标题。 视频与流一起使用。这意味着不是一次发送整个视频,而是将视频作为一组组成完整视频的较小块发送。这解释了为什么在慢速宽带上观看视频时视频会缓冲,因为它只播放它收到的块并尝试加载更多。 本文适用于愿意通过构建实际项目来学习新技术的开 whatsapp 手机号码列表 发人员:一个以Node.js作为后端、Nuxt.js作为客户端的视频流应用程序。 是用于构建快速且可扩展的应用程序的运行时。我们将使用它来处理获取和流式传输视频、为视频生成缩略图以及为视频提供字幕和副标题。 是一个 Vue.js 框架,可以帮助我们轻松构建服务端渲染的 Vue.js 应用程序。我们将为视频使用我们的 API,该应用程序将有两个视图:可用视频列表和每个视频的播放器视图。 先决条件 节点.js。没问题。
您可以在 GitHub 上获取源代码。 设置我们的应用程序 在此应用程序中,我们将构建路由以从前端发出请求: videos获取视频列表及其数据的路径。 从我们的视频列表中只获取一个视频的路线。 streaming流式传输视频的路径。 captions为我们正在流式传输的视频添加字幕的途径。 创建路由后,我们将搭建Nuxt前端脚手架,我们将在其中创建Home动态player页面。然后我们请求我们的videos路由用视频数据填充主页,另一个请求在我们的player页面上流式传输视频,最后请求提供视频要使用的字幕文件。