Docker builds CMS on-demand system with player function

[Introduction] I believe that over the years, you must have seen various video websites. Regardless of the content, have you ever thought about owning a video website of your own? If you want, come with me! Today's article can fulfill your wish.

If you are careful, you may be able to accomplish this wish without any programming skills.

text

If you want to do your work well, you must first sharpen your tools. Whatever you want to do, prepare the tools first. Similarly, if you want to build your own video website, you need to prepare a cloud server first. Is this requirement not too much?

If it is troublesome or you just want to access it locally, you can install a Linux virtual machine on your own machine.

1. Prepare the machine

I have just opened an Alibaba Cloud server, which uses Linux as the operating system.

Of course, you can also use Tencent Cloud or Huawei Cloud.

2. Install Docker

1. Install dependency packages

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

Execution process:

[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. Set up Alibaba Cloud image source

Generally, due to some reasons, Alibaba Cloud mirror sources are set up in China to increase the installation speed.

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

Execution Result:

[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. Execute the installation command

We use the free ce version of docker, the installation command is as follows:

sudo yum install docker-ce

Execution process:

[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. Verify that the installation is successful

Use the following command to verify whether Docker is installed successfully.

docker version

If the execution result shows the following, it means the installation is successful.

[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

3. Pull the image

When you pull an image for the first time on a new machine, you may see the following error message:

[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?

The solution to the above problem is to restart the Docker service and execute the following command:

sudo service docker start

The Docker service is restarted and the above command is executed again. The image is pulled successfully. The command execution results are as follows:

[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

4. Run the image to create a container

OK, that was all the preparation work. Now let’s start the big part of this project – creating our own on-demand service.

Execute the following command:

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

Copy and paste all the above commands into a terminal window (similar to the CMD window of Windows system). If you don’t know much about Docker, you don’t need to care about the meaning of the above commands.

5. Visit the Web VOD homepage

If the above command runs smoothly, we can access the Web on-demand homepage of the local browser.

Enter the following address in your browser:

http://172.31.102.226:3000/

Normal is as shown below:

Isn’t it amazing?

Of course, the access address needs to be filled in dynamically according to your server's IP. My server IP is 172.31.102.226. If your server IP is 192.168.10.1, then your access address in the browser is http://192.168.10.1:3000.

6. Upload VOD files

Now you see the homepage of the CMS on-demand system, but there is no content. How can you play the video content you want?

Next, we upload the videos we are interested in from the background.

Access backend address: http://172.31.102.226:3000/moerats

Then the following interface appears:

Enter the default username and password, moerats/moerats.

Then, click the "Login" button.

7. Management backend interface

After logging in, we entered the background management interface, as shown below:

Then, click the "Upload Movie" button in the upper right corner and we will come to the upload interface:

Click "Add Movie" and select the video file you want to upload.

After uploading is complete, we can go to the "Movie Library" to view the list of video files, as shown below:

We can see the name, size, status and other information of the video file.

8. Register and log in to the front-end account

We can come to the front-end page and register an account first, as shown in the following figure:

After successful registration, log in with the corresponding account. The specific steps are shown in the figure below:

After logging in successfully, we still can't see the video file we just uploaded, so how can we see it on the front-end page?

9. Operation video files

Perform transcoding and slicing operations on the video files in the movie library. The specific operations are shown in the following figure:

When the status of the video file changes from "waiting" to "finished", we can see the corresponding video content from the front-end page.

The home page is shown as follows:

At this point, we are done.

Conclusion

Has everyone’s wish come true? Haha, there are still many operations and detailed settings that I haven’t mentioned. If you are interested, please leave a comment. I will continue to update the content you want later.

The above is the details of building a CMS on-demand system with player function in docker. For more information about the docker CMS on-demand system, please pay attention to other related articles on 123WORDPRESS.COM!