docker搭建CMS点播系统带播放器功能

目录
  • 正文
  • 一、准备机器
  • 二、安装docker
    • 1. 安装依赖包
    • 2. 设置阿里云镜像源
    • 3. 执行安装命令
    • 4. 验证是否安装成功
  • 三、拉取镜像
  • 四、运行镜像创建容器
  • 五、访问Web点播首页
  • 六、上传点播文件
  • 七、管理后台界面
  • 八、注册并登陆前台账户
  • 九、操作视频文件
  • 结尾

【导读】我相信这么多年,你一定看过各式各样的视频网站,不管内容怎么样,你有没有想过拥有一个属于自己的视频网站?如果想那就跟我来吧!今天这篇文章就能满足你的这个愿望。

如果你细心的话,也许不需要任何编程能力也可以完成这样愿望的。

正文

工欲善其事,必先利其器。想干什么事情,先准备好工具。同样,想搭建属于自己的视频网站,先准备一台云服务器,这个要求不过分吧?

如果感觉麻烦,或者只想本地访问,那在自己的机器上安装一个linux虚拟机也是可以的。

一、准备机器

自己新开通了一个阿里云的服务器,系统是linux的。

当然,你也可以使用腾讯云或者华为云的。

二、安装docker

1. 安装依赖包

sudo yum install -y yum-utils device-mapper-persistent-data lvm2

执行过程:

[work@al-bj ~]$ sudo yum install -y yum-utils device-mapper-persistent-data lvm2
Loaded plugins: fastestmirror
Loading mirror speeds from cached hostfile
Resolving Dependencies
--> Running transaction check
---> Package device-mapper-persistent-data.x86_64 0:0.8.5-3.el7_9.2 will be installed
--> Processing Dependency: libaio.so.1(LIBAIO_0.4)(64bit) for package: device-mapper-persistent-data-0.8.5-3.el7_9.2.x86_64
--> Processing Dependency: libaio.so.1(LIBAIO_0.1)(64bit) for package: device-mapper-persistent-data-0.8.5-3.el7_9.2.x86_64
--> Processing Dependency: libaio.so.1()(64bit) for package: device-mapper-persistent-data-0.8.5-3.el7_9.2.x86_64
---> Package lvm2.x86_64 7:2.02.187-6.el7_9.4 will be installed

... ...

2. 设置阿里云镜像源

一般国内由于某些原因,都会设置阿里云镜像源,这样可以提高安装速度。

 sudo yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

执行结果:

[work@al-bj ~]$ sudo yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
Loaded plugins: fastestmirror
adding repo from: https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
grabbing file https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo to /etc/yum.repos.d/docker-ce.repo
repo saved to /etc/yum.repos.d/docker-ce.repo

3. 执行安装命令

我们使用docker免费的ce版本,安装命令如下:

sudo yum install docker-ce

执行过程:

[work@al-bj ~]$ sudo yum install docker-ce
Loaded plugins: fastestmirror
Loading mirror speeds from cached hostfile
docker-ce-stable | 3.5 kB 00:00:00
(1/2): docker-ce-stable/7/x86_64/primary_db | 58 kB 00:00:01
(2/2): docker-ce-stable/7/x86_64/updateinfo | 55 B 00:00:02
Resolving Dependencies
--> Running transaction check
---> Package docker-ce.x86_64 3:20.10.5-3.el7 will be installed

... ...

4. 验证是否安装成功

使用如下命令可以验证docker是否安装成功了。

docker version

执行结果如果显示如下内容,则表示安装成功。

[work@al-bj ~]$ docker version
Client: Docker Engine - Community
Version: 20.10.5
API version: 1.41
Go version: go1.13.15
Git commit: 55c4c88
Built: Tue Mar 2 20:33:55 2021
OS/Arch: linux/amd64
Context: default
Experimental: true

三、拉取镜像

在新机器上首次拉取镜像的时候,可能会出现如下报错信息:

[work@al-bj ~]$ docker pull moerats/express-ffmpeg
Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?

上述问题的解决方法是重启docker服务,执行命令如下:

sudo service docker start

docker服务重启,再次执行上述命令,拉取镜像成功,命令执行结果如下:

[work@al-bj ~]$

Unable to find image 'moerats/express-ffmpeg:latest' locally

latest: Pulling from moerats/express-ffmpeg

9cc2ad81d40d: Pull complete

e6cb98e32a52: Pull complete

ae1b8d879bad: Pull complete

42cfa3699b05: Pull complete

053cac798c4e: Pull complete

e11ff976ff71: Pull complete

81d72bab54a7: Pull complete

fcefcb4d99e7: Pull complete

592d9f42009b: Pull complete

ce856dc9b932: Pull complete

d9923fa7208c: Pull complete

Digest: sha256:3cafc15d21892b6576250763c7ea2fba64f92ff7b79604d26e7f10496da3db6a

Status: Downloaded newer image for moerats/express-ffmpeg:latest

36b449328f2584b54edefce9319877e6c1b92b05e393ca9b3e9bdbebc1d0af6a

四、运行镜像创建容器

好了,刚才都是准备工作,现在开始我们这项工程的“大头儿”——创建自己的点播服务。

执行如下命令:

docker run --restart=always --name express-ffmpeg -d \
-p 3000:3000 \
-e localip=172.31.102.226 \
-e usr=moerats \
-e pass=moerats \
-e url=moerats \
-v ~/express-ffmpeg/mongodb:/data \
-v ~/express-ffmpeg/config:/express-ffmpeg/config \
-v ~/express-ffmpeg/movies:/express-ffmpeg/movies \
-v ~/express-ffmpeg/videos:/express-ffmpeg/public/videos \
-v ~/express-ffmpeg/uploads:/express-ffmpeg/public/uploads \
-v ~/express-ffmpeg/images:/express-ffmpeg/public/images \
moerats/express-ffmpeg

将上述命令全部复制并粘贴到终端窗口中(类似windows系统的CMD窗口),如果,你对docker不是很了解,可以不需要关心上述命令的含义。

五、访问Web点播首页

上述命令运行顺利的话,我们就可以访问本地浏览器的Web点播首页了。

在浏览器中输入如下地址:

http://172.31.102.226:3000/

正常如下图所示:

是不是很神奇?

当然,访问地址需要根据你服务器的IP动态填写,我的服务器IP是172.31.102.226,如果你的服务器IP是192.168.10.1,那你在浏览器中的访问地址就是 http://192.168.10.1:3000。

六、上传点播文件

现在是看到CMS点播系统的首页了,但是什么内容都没有,怎样才能播放自己想要的视频内容呢?

接下来,我们就从后台上传我们感兴趣的视频。

访问后台地址: http://172.31.102.226:3000/moerats

然后出现如下界面:

输入默认账号和密码,moerats/moerats。

然后,点击“登陆”按钮。

七、管理后台界面

登陆后,我们进入了后台管理界面,如下图所示:

然后,点击右上角的“上传电影”按钮,我们就来到上传界面:

点击“添加电影”,选择想要上传的视频文件。

上传完成后,我们可以到“电影库”查看视频文件列表,如下图所示:

我们可以看到视频文件的名称、大小、状态等信息。

八、注册并登陆前台账户

我们可以来到前端页面,先注册账号,如下图所示:

注册成功后,用对应的账户进行登陆,具体步骤如下图所示:

登陆成功后,我们依然看不到自己刚才上传的视频文件,那怎么做才能在前端页面看到它呢?

九、操作视频文件

对电影库中的视频文件执行转码切片操作,具体操作如下图所示:

当视频文件的状态由“waiting”变为“finished”时,我们就可以从前端页面看到对应的视频内容了。

首页展示如下图所示:

至此,我们就大功告成了。

结尾

大家的愿望是不是已经实现了呢? 哈哈,还有很多操作和细节设置没有讲到,感兴趣的话欢迎评论留言,我后边继续更新大家想要的内容。

以上就是docker搭建CMS点播系统带播放器功能的详细内容,更多关于docker CMS点播系统的资料请关注我们其它相关文章!

(0)

相关推荐

  • docker搭建CMS点播系统带播放器功能

    目录 正文 一.准备机器 二.安装docker 1. 安装依赖包 2. 设置阿里云镜像源 3. 执行安装命令 4. 验证是否安装成功 三.拉取镜像 四.运行镜像创建容器 五.访问Web点播首页 六.上传点播文件 七.管理后台界面 八.注册并登陆前台账户 九.操作视频文件 结尾 [导读]我相信这么多年,你一定看过各式各样的视频网站,不管内容怎么样,你有没有想过拥有一个属于自己的视频网站?如果想那就跟我来吧!今天这篇文章就能满足你的这个愿望. 如果你细心的话,也许不需要任何编程能力也可以完成这样愿望

  • 超简单实现Docker搭建个人博文系统

    安装Docker yum 包更新到最新:sudo yum update 安装需要的软件包:sudo yum install -y yum-utils device-mapper-persistent-data lvm2 设置yum源为阿里云,否则巨慢:sudo yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo 安装docker(ee版是企业版收费,ce是社区版

  • 基于Docker搭建ELK 日志系统的方法

    背景需求: 业务发展越来越庞大,服务器越来越多 各种访问日志.应用日志.错误日志量越来越多,导致运维人员无法很好的去管理日志 开发人员排查问题,需要到服务器上查日志,不方便 运营人员需要一些数据,需要我们运维到服务器上分析日志. ELK介绍: ELK是三个开源软件的缩写,分别为:Elasticsearch . Logstash以及Kibana , 它们都是开源软件. 目前由于原本的ELK Stack成员中加入了 Beats 工具所以已改名为Elastic Stack. Beats,它是一个轻量级

  • Python使用PyQt5/PySide2编写一个极简的音乐播放器功能

    疫情肆虐,憋在家实在无聊,索性写点东西,于是就有了这个极极极极极简的音乐播放器. 这个极极极简的音乐播放器类似于"阅后即焚"的软件,播放器可以随机播放歌曲,获取下一首歌曲,不能重新播放上一首歌曲,不能获取歌曲的名称和演唱者.听过的歌曲,就像过眼云烟,放完即散. 下面来看看如何用Python实现这个音乐播放器软件吧! 一.创建UI界面 首先,我们来创建这个播放器的UI界面.这个播放器一共有6个控件: 左上角的程序关闭按钮: 左侧的播放状态标签: 顶部的slogan; 播放/暂停按钮: 下

  • Android开发实现的简单媒体播放器功能示例

    本文实例讲述了Android开发实现的简单媒体播放器功能.分享给大家供大家参考,具体如下: 一.概述: 因为播放视频需要很大的内存,所以必须使用surfaceview , surfaceview 里实现了双缓冲的功能, 二.全部代码: /** * @描述 使用surfaceview 创建视频 * @项目名称 App_Basic * @包名 com.example.basic.media * @类名 MediaPlayerActivity * @author chenlin * @date 201

  • Android仿音乐播放器功能

    本文实例为大家分享了Android仿音乐播放器功能的具体代码,供大家参考,具体内容如下 读取本地音乐文件 源代码: import android.media.MediaPlayer; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.ImageButton; import android.widget.

  • python实现媒体播放器功能

    本文实例为大家分享了python实现媒体播放器功能的具体代码,供大家参考,具体内容如下 playMP3.py # -*- coding: utf-8 -*- import wx; import wx.media; import os; import SPrint; import mediaStateBar; import mediaList; import SaveLog; import MediaItem; woldcart = "media files|*.*|avi|*.avi|rmvb|

  • 基于vue-element组件实现音乐播放器功能

    最近在写一个基于 github-page 和 gist 的博客, 想加个音乐播放器, 做了一个早上, 发出来分享一下 演示地址 https://github-laziji.github.io 效果 使用到的组件 element组件 布局 Layout 按钮 Button 滑块 Slider 进度条 Progress 弹出框 Popover html5组件 audio 实现代码 更详细的实现可以看 https://github.com/GitHub-Laziji/vblog <template>

  • Java实现的简单音乐播放器功能示例

    本文实例讲述了Java实现的简单音乐播放器功能.分享给大家供大家参考,具体如下: 应用名称:Java简单的音乐播放器 用到的知识:Java GUI编程,线程,IO 开发环境:win8+eclipse+jdk1.8 功能说明:可以选择内置的音乐文件播放,循环播放,停止.PS:这个播放器只能播放.au .aiff .wav .midi .rfm格式的音频. 效果图: 源代码: import java.applet.AudioClip; import java.awt.*; import java.n

  • vue + element ui实现播放器功能的实例代码

    没有效果图的展示都是空口无凭 1.基于audio并结合elementUI 的进度条实现 2.实现了播放器基本的功能,播放/暂停.快进.静音.调节声音大小.下载等功能 html代码,关键部分已加注释 <div class="right di main-wrap" v-loading="audio.waiting"> <!-- 此处的ref属性,可以很方便的在vue组件中通过 this.$refs.audio获取该dom元素 --> <au

随机推荐