jb-alvarado
GitHub
commit
1bc53827d8
@ -6,12 +6,10 @@ This web GUI is for managing [ffplayout-engine](https://github.com/ffplayout/ffp
|
||||
For a better understanding about the functionality, take a look to the screenshots below.
|
||||
The Interface is mostly made for 24/7 streaming. Other scenarios like streaming in folder mode or playlists with no starting time will work, but is not shown correctly.
|
||||
|
||||
You can install it on a fresh Debian/CentOS minimal like system with running `./install.sh` as root.
|
||||
You can install it on a fresh Debian like system with the [standalone installer](https://github.com/ffplayout/ffplayout-installer).
|
||||
|
||||
**Recommend system is a current Debian version.**
|
||||
|
||||
Updating is also possible with: `./install.sh update`
|
||||
|
||||
Or read the instruction [install.md](docs/install.md) for manual installation.
|
||||
|
||||
After installations you have to setup ssl for your **https** connections.
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
#__nuxt, #__layout, #__layout > div, #__layout > div > div {
|
||||
height: 100%
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@font-face{
|
||||
|
||||
687
install.sh
687
install.sh
@ -1,687 +0,0 @@
|
||||
#!/usr/bin/env bash
|
||||
|
||||
if [[ $(whoami) != 'root' ]]; then
|
||||
echo "This script must run under root!"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
if [[ "$(grep -Ei 'centos|fedora' /etc/*release)" ]]; then
|
||||
serviceUser="nginx"
|
||||
else
|
||||
serviceUser="www-data"
|
||||
fi
|
||||
|
||||
# get sure that we have our correct PATH
|
||||
export PATH=$PATH:/usr/local/bin
|
||||
export NUXT_TELEMETRY_DISABLED=1
|
||||
|
||||
runInstall() {
|
||||
if [[ ! -f "/etc/ffplayout/ffplayout.yml" ]]; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "path to media storage, default: /opt/ffplayout/media"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo ""
|
||||
|
||||
read -p "media path :$ " mediaPath
|
||||
|
||||
if [[ -z "$mediaPath" ]]; then
|
||||
mediaPath="/opt/ffplayout/media"
|
||||
fi
|
||||
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "playlist path, default: /opt/ffplayout/playlists"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo ""
|
||||
|
||||
read -p "playlist path :$ " playlistPath
|
||||
|
||||
if [[ -z "$playlistPath" ]]; then
|
||||
playlistPath="/opt/ffplayout/playlists"
|
||||
fi
|
||||
fi
|
||||
|
||||
if ! ffmpeg -version &> /dev/null; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "compile and install (nonfree) ffmpeg:"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo ""
|
||||
while true; do
|
||||
read -p "Do you wish to compile ffmpeg? (Y/n) :$ " yn
|
||||
case $yn in
|
||||
[Yy]* ) compileFFmpeg="y"; break;;
|
||||
[Nn]* ) compileFFmpeg="n"; break;;
|
||||
* ) (
|
||||
echo "------------------------------------"
|
||||
echo "Please answer yes or no!"
|
||||
echo ""
|
||||
);;
|
||||
esac
|
||||
done
|
||||
fi
|
||||
|
||||
if ! nginx -t &> /dev/null; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "install and setup nginx:"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo ""
|
||||
while true; do
|
||||
read -p "Do you wish to install nginx? (Y/n) :$ " yn
|
||||
case $yn in
|
||||
[Yy]* ) installNginx="y"; break;;
|
||||
[Nn]* ) installNginx="n"; break;;
|
||||
* ) (
|
||||
echo "------------------------------------"
|
||||
echo "Please answer yes or no!"
|
||||
echo ""
|
||||
);;
|
||||
esac
|
||||
done
|
||||
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "ffplayout domain name (like: example.org)"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo ""
|
||||
|
||||
read -p "domain name :$ " domainFrontend
|
||||
fi
|
||||
|
||||
if [[ ! -d /usr/local/srs ]]; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "install and srs rtmp/hls server:"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo ""
|
||||
while true; do
|
||||
read -p "Do you wish to install srs? (Y/n) :$ " yn
|
||||
case $yn in
|
||||
[Yy]* ) installSRS="y"; break;;
|
||||
[Nn]* ) installSRS="n"; break;;
|
||||
* ) (
|
||||
echo "------------------------------------"
|
||||
echo "Please answer yes or no!"
|
||||
echo ""
|
||||
);;
|
||||
esac
|
||||
done
|
||||
fi
|
||||
|
||||
if [[ ! -d "/opt/ffplayout-engine" ]]; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "install ffplayout-engine:"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo ""
|
||||
while true; do
|
||||
read -p "Do you wish to install ffplayout-engine? (Y/n) :$ " yn
|
||||
case $yn in
|
||||
[Yy]* ) installEngine="y"; break;;
|
||||
[Nn]* ) installEngine="n"; break;;
|
||||
* ) (
|
||||
echo "------------------------------------"
|
||||
echo "Please answer yes or no!"
|
||||
echo ""
|
||||
);;
|
||||
esac
|
||||
done
|
||||
fi
|
||||
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "install main packages"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
|
||||
if [[ "$(grep -Ei 'debian|buntu|mint' /etc/*release)" ]]; then
|
||||
packages=(sudo curl wget net-tools git python3-dev build-essential virtualenv
|
||||
python3-virtualenv mediainfo autoconf automake libtool pkg-config
|
||||
yasm cmake mercurial gperf)
|
||||
installedPackages=$(dpkg --get-selections | awk '{print $1}' | tr '\n' ' ')
|
||||
apt update
|
||||
|
||||
if [[ "$installedPackages" != *"curl"* ]]; then
|
||||
apt install -y curl
|
||||
fi
|
||||
|
||||
if [[ "$installedPackages" != *"nodejs"* ]]; then
|
||||
curl -sL https://deb.nodesource.com/setup_12.x | bash -
|
||||
apt install -y nodejs
|
||||
fi
|
||||
|
||||
for pkg in ${packages[@]}; do
|
||||
if [[ "$installedPackages" != *"$pkg"* ]]; then
|
||||
apt install -y $pkg
|
||||
fi
|
||||
done
|
||||
|
||||
if [[ $installNginx == 'y' ]] && [[ "$installedPackages" != *"nginx"* ]]; then
|
||||
apt install -y nginx
|
||||
rm /etc/nginx/sites-enabled/default
|
||||
fi
|
||||
|
||||
nginxConfig="/etc/nginx/sites-available"
|
||||
|
||||
elif [[ "$(grep -Ei 'centos|fedora' /etc/*release)" ]]; then
|
||||
packages=(libstdc++-static yasm mercurial libtool libmediainfo mediainfo
|
||||
cmake net-tools git python3 python36-devel wget python3-virtualenv
|
||||
gperf nano nodejs python3-policycoreutils policycoreutils-devel)
|
||||
installedPackages=$(dnf list --installed | awk '{print $1}' | tr '\n' ' ')
|
||||
activeRepos=$(dnf repolist enabled | awk '{print $1}' | tr '\n' ' ')
|
||||
|
||||
if [[ "$activeRepos" != *"epel"* ]]; then
|
||||
dnf -y install epel-release
|
||||
fi
|
||||
|
||||
if [[ "$activeRepos" != *"PowerTools"* ]]; then
|
||||
dnf -y config-manager --enable PowerTools
|
||||
fi
|
||||
|
||||
if [[ "$activeRepos" != *"nodesource"* ]]; then
|
||||
curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -
|
||||
fi
|
||||
|
||||
for pkg in ${packages[@]}; do
|
||||
if [[ "$installedPackages" != *"$pkg"* ]]; then
|
||||
dnf -y install $pkg
|
||||
fi
|
||||
done
|
||||
|
||||
if [[ ! $(dnf group list "Development Tools" | grep -i "install") ]]; then
|
||||
dnf -y group install "Development Tools"
|
||||
fi
|
||||
|
||||
if [[ $installNginx == 'y' ]] && [[ "$installedPackages" != *"nginx"* ]]; then
|
||||
dnf -y install nginx
|
||||
systemctl enable nginx
|
||||
systemctl start nginx
|
||||
firewall-cmd --permanent --add-service=http
|
||||
firewall-cmd --permanent --zone=public --add-service=https
|
||||
firewall-cmd --reload
|
||||
mkdir /var/www
|
||||
chcon -vR system_u:object_r:httpd_sys_content_t:s0 /var/www
|
||||
fi
|
||||
|
||||
if [[ $(alternatives --list | grep "no-python") ]]; then
|
||||
alternatives --set python /usr/bin/python3
|
||||
fi
|
||||
|
||||
nginxConfig="/etc/nginx/conf.d"
|
||||
fi
|
||||
|
||||
if [[ $compileFFmpeg == 'y' ]]; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "compile and install ffmpeg"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
cd /opt/
|
||||
|
||||
if [[ ! -d "ffmpeg-build" ]]; then
|
||||
git clone https://github.com/jb-alvarado/compile-ffmpeg-osx-linux.git ffmpeg-build
|
||||
fi
|
||||
|
||||
cd ffmpeg-build
|
||||
|
||||
if [[ ! -f "build_config.txt" ]]; then
|
||||
cat <<EOF > "build_config.txt"
|
||||
#--enable-decklink
|
||||
--disable-ffplay
|
||||
--disable-sdl2
|
||||
--enable-fontconfig
|
||||
#--enable-libaom
|
||||
#--enable-libass
|
||||
#--enable-libbluray
|
||||
--enable-libfdk-aac
|
||||
--enable-libfribidi
|
||||
--enable-libfreetype
|
||||
--enable-libmp3lame
|
||||
--enable-libopus
|
||||
--enable-libsoxr
|
||||
#--enable-libsrt
|
||||
--enable-libtwolame
|
||||
--enable-libvpx
|
||||
--enable-libx264
|
||||
--enable-libx265
|
||||
--enable-libzimg
|
||||
--enable-libzmq
|
||||
--enable-nonfree
|
||||
#--enable-opencl
|
||||
#--enable-opengl
|
||||
#--enable-openssl
|
||||
#--enable-libsvtav1
|
||||
EOF
|
||||
sed -i 's/mediainfo="yes"/mediainfo="no"/g' ./compile-ffmpeg.sh
|
||||
sed -i 's/mp4box="yes"/mp4box="no"/g' ./compile-ffmpeg.sh
|
||||
fi
|
||||
|
||||
./compile-ffmpeg.sh
|
||||
|
||||
\cp local/bin/ff* /usr/local/bin/
|
||||
fi
|
||||
|
||||
if [[ $installSRS == 'y' ]] && [[ ! -d "/usr/local/srs" ]]; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "compile and install srs"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
|
||||
cd /opt/
|
||||
git clone https://github.com/ossrs/srs.git
|
||||
cd srs/trunk/
|
||||
|
||||
./configure
|
||||
make
|
||||
make install
|
||||
|
||||
mkdir -p "/var/www/srs/live"
|
||||
mkdir "/etc/srs"
|
||||
|
||||
cat <<EOF > "/etc/srs/srs.conf"
|
||||
listen 1935;
|
||||
max_connections 20;
|
||||
daemon on;
|
||||
pid /usr/local/srs/objs/srs.pid;
|
||||
srs_log_tank console; # file;
|
||||
srs_log_file /var/log/srs.log;
|
||||
ff_log_dir /tmp;
|
||||
|
||||
# can be: verbose, info, trace, warn, error
|
||||
srs_log_level error;
|
||||
|
||||
http_api {
|
||||
enabled on;
|
||||
listen 1985;
|
||||
}
|
||||
|
||||
stats {
|
||||
network 0;
|
||||
disk sda vda xvda xvdb;
|
||||
}
|
||||
|
||||
vhost __defaultVhost__ {
|
||||
# timestamp correction
|
||||
mix_correct on;
|
||||
|
||||
http_hooks {
|
||||
enabled off;
|
||||
on_publish http://127.0.0.1:8085/api/v1/streams;
|
||||
on_unpublish http://127.0.0.1:8085/api/v1/streams;
|
||||
}
|
||||
|
||||
hls {
|
||||
enabled on;
|
||||
hls_path /var/www/srs;
|
||||
hls_fragment 6;
|
||||
hls_window 3600;
|
||||
hls_cleanup on;
|
||||
hls_dispose 0;
|
||||
hls_m3u8_file live/stream.m3u8;
|
||||
hls_ts_file live/stream-[seq].ts;
|
||||
}
|
||||
}
|
||||
EOF
|
||||
|
||||
cat <<EOF > "/etc/systemd/system/srs.service"
|
||||
[Unit]
|
||||
Description=SRS
|
||||
Documentation=https://github.com/ossrs/srs/wiki
|
||||
After=network.target
|
||||
|
||||
[Service]
|
||||
Type=forking
|
||||
ExecStartPre=/usr/local/srs/objs/srs -t -c /etc/srs/srs.conf
|
||||
ExecStart=/usr/local/srs/objs/srs -c /etc/srs/srs.conf
|
||||
ExecStop=/bin/kill -TERM \$MAINPID
|
||||
ExecReload=/bin/kill -1 \$MAINPID
|
||||
Restart=always
|
||||
RestartSec=3
|
||||
|
||||
[Install]
|
||||
WantedBy=multi-user.target
|
||||
EOF
|
||||
|
||||
systemctl enable srs.service
|
||||
systemctl start srs.service
|
||||
fi
|
||||
|
||||
if [[ "$(grep -Ei 'centos|fedora' /etc/*release)" ]]; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "creating selinux rules"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
|
||||
if [[ $(getsebool httpd_can_network_connect | awk '{print $NF}') == "off" ]]; then
|
||||
setsebool httpd_can_network_connect on -P
|
||||
fi
|
||||
|
||||
if [[ ! $(semanage port -l | grep http_port_t | grep "8001") ]]; then
|
||||
semanage port -a -t http_port_t -p tcp 8001
|
||||
fi
|
||||
|
||||
if [[ ! $(semodule -l | grep gunicorn) ]]; then
|
||||
cat <<EOF > gunicorn.te
|
||||
module gunicorn 1.0;
|
||||
|
||||
require {
|
||||
type init_t;
|
||||
type httpd_sys_content_t;
|
||||
type unreserved_port_t;
|
||||
class tcp_socket name_connect;
|
||||
type etc_t;
|
||||
type sudo_exec_t;
|
||||
class file { create execute execute_no_trans getattr ioctl lock map open read unlink write };
|
||||
class lnk_file { getattr read };
|
||||
}
|
||||
|
||||
#============= init_t ==============
|
||||
|
||||
#!!!! This avc is allowed in the current policy
|
||||
allow init_t etc_t:file write;
|
||||
|
||||
#!!!! This avc is allowed in the current policy
|
||||
#!!!! This av rule may have been overridden by an extended permission av rule
|
||||
allow init_t httpd_sys_content_t:file { create execute execute_no_trans getattr ioctl lock map open read unlink write };
|
||||
|
||||
#!!!! This avc is allowed in the current policy
|
||||
allow init_t httpd_sys_content_t:lnk_file { getattr read };
|
||||
|
||||
#!!!! This avc can be allowed using the boolean 'nis_enabled'
|
||||
allow init_t unreserved_port_t:tcp_socket name_connect;
|
||||
|
||||
#!!!! This avc is allowed in the current policy
|
||||
allow init_t sudo_exec_t:file { execute execute_no_trans map open read };
|
||||
EOF
|
||||
|
||||
checkmodule -M -m -o gunicorn.mod gunicorn.te
|
||||
semodule_package -o gunicorn.pp -m gunicorn.mod
|
||||
semodule -i gunicorn.pp
|
||||
|
||||
rm -f gunicorn.*
|
||||
fi
|
||||
|
||||
if [[ ! $(semodule -l | grep "custom-http") ]]; then
|
||||
cat <<EOF > custom-http.te
|
||||
module custom-http 1.0;
|
||||
|
||||
require {
|
||||
type init_t;
|
||||
type httpd_sys_content_t;
|
||||
class file { create lock unlink write };
|
||||
}
|
||||
|
||||
#============= init_t ==============
|
||||
allow init_t httpd_sys_content_t:file unlink;
|
||||
|
||||
#!!!! This avc is allowed in the current policy
|
||||
allow init_t httpd_sys_content_t:file { create lock write };
|
||||
EOF
|
||||
|
||||
checkmodule -M -m -o custom-http.mod custom-http.te
|
||||
semodule_package -o custom-http.pp -m custom-http.mod
|
||||
semodule -i custom-http.pp
|
||||
|
||||
rm -f custom-http.*
|
||||
fi
|
||||
|
||||
if [[ ! $(semodule -l | grep "custom-fileop") ]]; then
|
||||
cat <<EOF > custom-fileop.te
|
||||
module custom-fileop 1.0;
|
||||
|
||||
require {
|
||||
type init_t;
|
||||
type httpd_sys_content_t;
|
||||
type usr_t;
|
||||
class file { create rename unlink write };
|
||||
class dir { create rmdir };
|
||||
}
|
||||
|
||||
#============= init_t ==============
|
||||
allow init_t httpd_sys_content_t:file rename;
|
||||
|
||||
#!!!! This avc is allowed in the current policy
|
||||
allow init_t usr_t:dir create;
|
||||
allow init_t usr_t:dir rmdir;
|
||||
|
||||
#!!!! This avc is allowed in the current policy
|
||||
allow init_t usr_t:file create;
|
||||
allow init_t usr_t:file { rename unlink write };
|
||||
|
||||
EOF
|
||||
|
||||
checkmodule -M -m -o custom-fileop.mod custom-fileop.te
|
||||
semodule_package -o custom-fileop.pp -m custom-fileop.mod
|
||||
semodule -i custom-fileop.pp
|
||||
|
||||
rm -f custom-fileop.*
|
||||
fi
|
||||
fi
|
||||
|
||||
if ! grep -q "ffplayout-engine.service" "/etc/sudoers"; then
|
||||
echo "$serviceUser ALL = NOPASSWD: /bin/systemctl start ffplayout-engine.service, /bin/systemctl stop ffplayout-engine.service, /bin/systemctl reload ffplayout-engine.service, /bin/systemctl restart ffplayout-engine.service, /bin/systemctl status ffplayout-engine.service, /bin/systemctl is-active ffplayout-engine.service, /bin/journalctl -n 1000 -u ffplayout-engine.service" >> /etc/sudoers
|
||||
fi
|
||||
|
||||
if [[ "$installEngine" == "y" ]] && [[ ! -d "/opt/ffplayout-engine" ]]; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "install ffplayout engine"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
|
||||
cd /opt
|
||||
git clone https://github.com/ffplayout/ffplayout-engine.git
|
||||
cd ffplayout-engine
|
||||
|
||||
virtualenv -p python3 venv
|
||||
source ./venv/bin/activate
|
||||
|
||||
pip install -r requirements-base.txt
|
||||
|
||||
mkdir /etc/ffplayout
|
||||
mkdir /var/log/ffplayout
|
||||
mkdir -p $mediaPath
|
||||
mkdir -p $playlistPath
|
||||
|
||||
cp ffplayout.yml /etc/ffplayout/
|
||||
chown -R $serviceUser. /etc/ffplayout
|
||||
chown $serviceUser. /var/log/ffplayout
|
||||
chown $serviceUser. $mediaPath
|
||||
chown $serviceUser. $playlistPath
|
||||
|
||||
cp docs/ffplayout-engine.service /etc/systemd/system/
|
||||
sed -i "s/User=root/User=$serviceUser/g" /etc/systemd/system/ffplayout-engine.service
|
||||
sed -i "s/Group=root/Group=$serviceUser/g" /etc/systemd/system/ffplayout-engine.service
|
||||
|
||||
sed -i "s|\"\/playlists\"|\"$playlistPath\"|g" /etc/ffplayout/ffplayout.yml
|
||||
sed -i "s|\"\/mediaStorage|\"$mediaPath|g" /etc/ffplayout/ffplayout.yml
|
||||
|
||||
systemctl enable ffplayout-engine.service
|
||||
|
||||
deactivate
|
||||
fi
|
||||
|
||||
if [[ ! -d "/var/www/ffplayout-api" ]]; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "install ffplayout-api"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
|
||||
cd /var/www
|
||||
git clone https://github.com/ffplayout/ffplayout-api.git
|
||||
cd ffplayout-api
|
||||
|
||||
virtualenv -p python3 venv
|
||||
source ./venv/bin/activate
|
||||
|
||||
pip install -r requirements-base.txt
|
||||
|
||||
cd ffplayout
|
||||
|
||||
secret=$(python manage.py shell -c 'from django.core.management import utils; print(utils.get_random_secret_key())')
|
||||
|
||||
sed -i "s/---a-very-important-secret-key\:-generate-it-new---/$secret/g" ffplayout/settings/production.py
|
||||
sed -i "s/localhost/$domainFrontend/g" ../docs/db_data.json
|
||||
|
||||
python manage.py makemigrations && python manage.py migrate
|
||||
python manage.py collectstatic
|
||||
python manage.py loaddata ../docs/db_data.json
|
||||
python manage.py createsuperuser
|
||||
|
||||
deactivate
|
||||
|
||||
chown $serviceUser. -R /var/www
|
||||
|
||||
cd ..
|
||||
|
||||
cp docs/ffplayout-api.service /etc/systemd/system/
|
||||
|
||||
sed -i "s/User=root/User=$serviceUser/g" /etc/systemd/system/ffplayout-api.service
|
||||
sed -i "s/Group=root/Group=$serviceUser/g" /etc/systemd/system/ffplayout-api.service
|
||||
|
||||
sed -i "s/'localhost'/'localhost', \'$domainFrontend\'/g" /var/www/ffplayout-api/ffplayout/ffplayout/settings/production.py
|
||||
sed -i "s/ffplayout\\.local/$domainFrontend\'\n \'https\\:\/\/$domainFrontend/g" /var/www/ffplayout-api/ffplayout/ffplayout/settings/production.py
|
||||
|
||||
systemctl enable ffplayout-api.service
|
||||
systemctl start ffplayout-api.service
|
||||
fi
|
||||
|
||||
if [[ ! -d "/var/www/ffplayout-frontend" ]]; then
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "install ffplayout-frontend"
|
||||
echo "------------------------------------------------------------------------------"
|
||||
|
||||
cd /var/www
|
||||
git clone https://github.com/ffplayout/ffplayout-frontend.git
|
||||
cd ffplayout-frontend
|
||||
|
||||
ln -s "$mediaPath" /var/www/ffplayout-frontend/static/
|
||||
|
||||
npm install
|
||||
|
||||
cat <<EOF > ".env"
|
||||
BASE_URL='http://$domainFrontend'
|
||||
API_URL='/'
|
||||
EOF
|
||||
|
||||
npm run build
|
||||
|
||||
chown $serviceUser. -R /var/www
|
||||
|
||||
if [[ $installNginx == 'y' ]]; then
|
||||
cp docs/ffplayout.conf "$nginxConfig/"
|
||||
|
||||
origin=$(echo "$domainFrontend" | sed 's/\./\\\\./g')
|
||||
|
||||
sed -i "s/ffplayout.local/$domainFrontend/g" $nginxConfig/ffplayout.conf
|
||||
sed -i "s/ffplayout\\\.local/$origin/g" $nginxConfig/ffplayout.conf
|
||||
|
||||
if [[ "$(grep -Ei 'debian|buntu|mint' /etc/*release)" ]]; then
|
||||
ln -s $nginxConfig/ffplayout.conf /etc/nginx/sites-enabled/
|
||||
fi
|
||||
fi
|
||||
fi
|
||||
|
||||
if [[ $installNginx == 'y' ]]; then
|
||||
systemctl restart nginx
|
||||
fi
|
||||
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "installation done..."
|
||||
echo "------------------------------------------------------------------------------"
|
||||
|
||||
echo ""
|
||||
echo "add your ssl config to $nginxConfig/ffplayout.conf"
|
||||
echo ""
|
||||
}
|
||||
|
||||
runUpdate() {
|
||||
if [[ -d "/opt/ffmpeg-build" ]]; then
|
||||
cd "/opt/ffmpeg-build"
|
||||
|
||||
git pull
|
||||
|
||||
./compile-ffmpeg.sh
|
||||
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "updating ffmpeg-build done..."
|
||||
echo "------------------------------------------------------------------------------"
|
||||
fi
|
||||
|
||||
if [[ -d "/opt/ffplayout-engine" ]]; then
|
||||
cd "/opt/ffplayout-engine"
|
||||
git pull
|
||||
|
||||
source ./venv/bin/activate
|
||||
pip install --upgrade -r requirements-base.txt
|
||||
deactivate
|
||||
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "updating ffplayout-engine done..."
|
||||
echo "------------------------------------------------------------------------------"
|
||||
else
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "WARNING: no ffplayout-engine found..."
|
||||
echo "------------------------------------------------------------------------------"
|
||||
fi
|
||||
|
||||
if [[ -d "/var/www/ffplayout-api" ]]; then
|
||||
cd "/var/www/ffplayout-api"
|
||||
git pull
|
||||
|
||||
source ./venv/bin/activate
|
||||
pip install --upgrade -r requirements-base.txt
|
||||
deactivate
|
||||
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "updating ffplayout-api done..."
|
||||
echo "------------------------------------------------------------------------------"
|
||||
else
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "WARNING: no ffplayout-api found..."
|
||||
echo "------------------------------------------------------------------------------"
|
||||
fi
|
||||
|
||||
if [[ -d "/var/www/ffplayout-frontend" ]]; then
|
||||
cd "/var/www/ffplayout-frontend"
|
||||
git pull
|
||||
|
||||
rm -rf node_modules
|
||||
sudo -H -u $serviceUser bash -c 'npm install'
|
||||
sudo -H -u $serviceUser bash -c 'npm run build'
|
||||
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "updating ffplayout-frontend done..."
|
||||
echo "------------------------------------------------------------------------------"
|
||||
else
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "WARNING: no ffplayout-frontend found..."
|
||||
echo "------------------------------------------------------------------------------"
|
||||
fi
|
||||
|
||||
echo ""
|
||||
echo "------------------------------------------------------------------------------"
|
||||
echo "updating done..."
|
||||
echo "if there is a new ffmpeg version, run:"
|
||||
echo " systemctl stop ffplayout-engine"
|
||||
echo " cp /opt/ffmpeg-build/local/bin/ff* /usrlocal/bin"
|
||||
echo " systemctl start ffplayout-engine"
|
||||
echo ""
|
||||
echo "to apply update restart services:"
|
||||
echo " systemctl restart ffplayout-engine"
|
||||
echo " systemctl restart ffplayout-api"
|
||||
}
|
||||
|
||||
if [[ "$1" == "update" ]]; then
|
||||
runUpdate
|
||||
else
|
||||
runInstall
|
||||
fi
|
||||
@ -44,6 +44,7 @@ html, body {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
@ -44,12 +44,12 @@ export default {
|
||||
plugins: [
|
||||
{ src: '~/plugins/axios' },
|
||||
{ src: '~/plugins/filters' },
|
||||
{ src: '~/plugins/helpers.js' },
|
||||
{ src: '~/plugins/nuxt-client-init.js', ssr: false },
|
||||
{ src: '~plugins/video.js', ssr: false },
|
||||
{ src: '~plugins/scrollbar.js', ssr: false },
|
||||
{ src: '~plugins/splitpanes.js', ssr: false },
|
||||
{ src: '~plugins/loading.js', ssr: false },
|
||||
{ src: '~/plugins/helpers.js' },
|
||||
{ src: '~plugins/draggable.js', ssr: false }
|
||||
],
|
||||
/*
|
||||
|
||||
@ -6,12 +6,12 @@
|
||||
<b-datepicker v-model="listDate" size="sm" class="date-div" offset="-35px" />
|
||||
</b-col>
|
||||
</b-row>
|
||||
<b-card no-body>
|
||||
<b-card no-body class="card-container">
|
||||
<b-tabs pills card vertical>
|
||||
<b-tab title="Playout" active @click="getLog('ffplayout')">
|
||||
<b-container class="log-container">
|
||||
<!-- eslint-disable-next-line -->
|
||||
<pre v-if="currentLog" :inner-html.prop="currentLog | formatStr" class="log-content" />
|
||||
<perfect-scrollbar :options="scrollOP" class="scroll-container log-content" v-if="currentLog" :inner-html.prop="currentLog | formatStr" />
|
||||
</b-container>
|
||||
</b-tab>
|
||||
<b-tab title="Decoder" @click="getLog('decoder')">
|
||||
@ -63,7 +63,10 @@ export default {
|
||||
return {
|
||||
logName: 'ffplayout',
|
||||
currentLog: null,
|
||||
listDate: this.$dayjs().format('YYYY-MM-DD')
|
||||
listDate: this.$dayjs().format('YYYY-MM-DD'),
|
||||
scrollOP: {
|
||||
wheelSpeed: 5
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@ -97,18 +100,45 @@ export default {
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.ps__thumb-x {
|
||||
display: inherit !important;
|
||||
}
|
||||
|
||||
.col-auto {
|
||||
width: 122px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.card-container {
|
||||
height: calc(100% - 90px);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-container > div, .tab-content > .active {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
max-width: calc(100% - 122px);
|
||||
width: calc(100% - 122px);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.log-container {
|
||||
background: #1d2024;
|
||||
max-width: 95%;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 1em;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.scroll-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: monospace;
|
||||
font-size: 13px;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.log-content {
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
<splitpanes class="browser-row default-theme pane-row">
|
||||
<pane min-size="20" size="24">
|
||||
<div class="browser-div">
|
||||
<perfect-scrollbar>
|
||||
<perfect-scrollbar :options="scrollOP">
|
||||
<b-list-group class="folder-list">
|
||||
<b-list-group-item
|
||||
v-for="folder in folderTree.tree[1]"
|
||||
@ -67,7 +67,7 @@
|
||||
color="#ff9c36"
|
||||
/>
|
||||
<div class="browser-div">
|
||||
<perfect-scrollbar>
|
||||
<perfect-scrollbar :options="scrollOP">
|
||||
<b-list-group class="files-list">
|
||||
<b-list-group-item
|
||||
v-for="file in folderTree.tree[2]"
|
||||
@ -289,7 +289,10 @@ export default {
|
||||
overallProgress: 0,
|
||||
currentProgress: 0,
|
||||
cancelTokenSource: this.$axios.CancelToken.source(),
|
||||
lastPath: ''
|
||||
lastPath: '',
|
||||
scrollOP: {
|
||||
suppressScrollX: true
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
@ -220,9 +220,6 @@
|
||||
</b-col>
|
||||
<b-col class="grabbing">
|
||||
{{ item.source | filename }}
|
||||
<div class="clip-progress">
|
||||
<b-progress v-if="index === currentClipIndex" height="2px" :value="progressValue" />
|
||||
</div>
|
||||
</b-col>
|
||||
<b-col cols="1" class="text-center playlist-input">
|
||||
<b-link @click="showModal(item.source)">
|
||||
@ -298,6 +295,21 @@
|
||||
import { mapState } from 'vuex'
|
||||
import Menu from '@/components/Menu.vue'
|
||||
|
||||
function scrollTo (t) {
|
||||
let child
|
||||
if (t.currentClipIndex === null) {
|
||||
child = document.getElementById('clip_0')
|
||||
} else {
|
||||
child = document.getElementById(`clip_${t.currentClipIndex}`)
|
||||
}
|
||||
|
||||
if (child) {
|
||||
const parent = document.getElementById('scroll-container')
|
||||
const topPos = child.offsetTop
|
||||
parent.scrollTop = topPos - 50
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
name: 'Player',
|
||||
|
||||
@ -324,8 +336,7 @@ export default {
|
||||
videoOptions: {},
|
||||
previewOptions: {},
|
||||
previewComp: null,
|
||||
previewSource: '',
|
||||
autoScroll: true
|
||||
previewSource: ''
|
||||
}
|
||||
},
|
||||
|
||||
@ -347,6 +358,7 @@ export default {
|
||||
watch: {
|
||||
listDate (date) {
|
||||
this.getPlaylist()
|
||||
setTimeout(() => { scrollTo(this) }, 5000)
|
||||
}
|
||||
},
|
||||
|
||||
@ -371,25 +383,26 @@ export default {
|
||||
]
|
||||
}
|
||||
|
||||
const timeInSec = this.$timeToSeconds(this.$dayjs().format('HH:mm:ss'))
|
||||
const listStartSec = this.$timeToSeconds(this.configPlayout.playlist.day_start)
|
||||
|
||||
if (listStartSec > timeInSec) {
|
||||
this.listDate = this.$dayjs(this.listDate).subtract(1, 'day').format('YYYY-MM-DD')
|
||||
}
|
||||
|
||||
await this.getPlaylist()
|
||||
},
|
||||
|
||||
mounted () {
|
||||
if (!process.env.DEV) {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
this.interval = setInterval(() => {
|
||||
this.$store.dispatch('playlist/animClock')
|
||||
const child = document.getElementById(`clip_${this.currentClipIndex}`)
|
||||
|
||||
if (child && this.autoScroll) {
|
||||
const parent = document.getElementById('scroll-container')
|
||||
const topPos = child.offsetTop
|
||||
parent.scrollTop = topPos - 50
|
||||
this.autoScroll = false
|
||||
}
|
||||
}, 5000)
|
||||
} else {
|
||||
this.$store.dispatch('playlist/animClock')
|
||||
}
|
||||
|
||||
setTimeout(() => { scrollTo(this) }, 4000)
|
||||
},
|
||||
|
||||
beforeDestroy () {
|
||||
@ -707,7 +720,7 @@ export default {
|
||||
}
|
||||
|
||||
.active-playlist-clip {
|
||||
background-color: #49515c !important;
|
||||
background-color: #565e6a !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -4,6 +4,8 @@ export const state = () => ({
|
||||
configGui: null,
|
||||
configGuiRaw: null,
|
||||
netChoices: [],
|
||||
startInSec: null,
|
||||
playlistLength: 86400.0,
|
||||
configPlayout: [],
|
||||
currentUser: null,
|
||||
configUser: null
|
||||
@ -25,6 +27,12 @@ export const mutations = {
|
||||
UPDATE_NET_CHOICES (state, list) {
|
||||
state.netChoices = list
|
||||
},
|
||||
UPDATE_START_TIME (state, sec) {
|
||||
state.startInSec = sec
|
||||
},
|
||||
UPDATE_PLAYLIST_LENGTH (state, sec) {
|
||||
state.playlistLength = sec
|
||||
},
|
||||
UPDATE_PLAYLOUT_CONFIG (state, config) {
|
||||
state.configPlayout = config
|
||||
},
|
||||
@ -103,6 +111,14 @@ export const actions = {
|
||||
const response = await this.$axios.get(`api/player/config/?configPlayout&path=${path}`)
|
||||
|
||||
if (response.data) {
|
||||
if (response.data.playlist.day_start) {
|
||||
commit('UPDATE_START_TIME', this.$timeToSeconds(response.data.playlist.day_start))
|
||||
}
|
||||
|
||||
if (response.data.playlist.length) {
|
||||
commit('UPDATE_PLAYLIST_LENGTH', this.$timeToSeconds(response.data.playlist.length))
|
||||
}
|
||||
|
||||
commit('UPDATE_PLAYLOUT_CONFIG', response.data)
|
||||
}
|
||||
},
|
||||
|
||||
@ -49,15 +49,24 @@ export const mutations = {
|
||||
}
|
||||
|
||||
export const actions = {
|
||||
async getPlaylist ({ commit, dispatch, state }, { dayStart, date }) {
|
||||
async getPlaylist ({ commit, dispatch, state, rootState }, { dayStart, date }) {
|
||||
const timeInSec = this.$timeToSeconds(this.$dayjs().format('HH:mm:ss'))
|
||||
let dateToday = this.$dayjs().format('YYYY-MM-DD')
|
||||
|
||||
if (rootState.config.startInSec > timeInSec) {
|
||||
dateToday = this.$dayjs(dateToday).subtract(1, 'day').format('YYYY-MM-DD')
|
||||
}
|
||||
|
||||
const response = await this.$axios.get(`api/player/playlist/?date=${date}`)
|
||||
|
||||
if (response.data && response.data.program) {
|
||||
commit('UPDATE_PLAYLIST', this.$processPlaylist(dayStart, response.data.program))
|
||||
|
||||
if (date === this.$dayjs().format('YYYY-MM-DD')) {
|
||||
if (date === dateToday) {
|
||||
commit('UPDATE_TODAYS_PLAYLIST', JSON.parse(JSON.stringify(response.data.program)))
|
||||
dispatch('setCurrentClip')
|
||||
} else {
|
||||
commit('SET_CURRENT_CLIP_INDEX', null)
|
||||
}
|
||||
} else {
|
||||
commit('UPDATE_PLAYLIST', [])
|
||||
@ -65,26 +74,30 @@ export const actions = {
|
||||
},
|
||||
|
||||
setCurrentClip ({ commit, dispatch, state, rootState }) {
|
||||
let start
|
||||
if (rootState.config.configPlayout.playlist.day_start) {
|
||||
start = this.$timeToSeconds(rootState.config.configPlayout.playlist.day_start)
|
||||
let begin
|
||||
let lastTime = this.$timeToSeconds(this.$dayjs().format('HH:mm:ss'))
|
||||
|
||||
if (rootState.config.startInSec) {
|
||||
begin = rootState.config.startInSec
|
||||
} else {
|
||||
commit('SET_CURRENT_CLIP', 'day_start is not set, cannot calculate current clip')
|
||||
return
|
||||
}
|
||||
|
||||
if (lastTime < begin) {
|
||||
lastTime += rootState.config.playlistLength
|
||||
}
|
||||
|
||||
for (let i = 0; i < state.playlistToday.length; i++) {
|
||||
const duration = state.playlistToday[i].out - state.playlistToday[i].in
|
||||
|
||||
const playTime = this.$timeToSeconds(this.$dayjs().format('HH:mm:ss')) - start
|
||||
|
||||
// animate the progress bar
|
||||
if (playTime <= duration) {
|
||||
const progValue = playTime * 100 / duration
|
||||
if (lastTime < begin + duration) {
|
||||
const progValue = (lastTime - begin) * 100 / duration
|
||||
commit('SET_PROGRESS_VALUE', progValue)
|
||||
commit('SET_CURRENT_CLIP', state.playlistToday[i].source)
|
||||
commit('SET_CURRENT_CLIP_INDEX', i)
|
||||
commit('SET_CURRENT_CLIP_START', start)
|
||||
commit('SET_CURRENT_CLIP_START', begin)
|
||||
commit('SET_CURRENT_CLIP_DURATION', duration)
|
||||
commit('SET_CURRENT_CLIP_IN', state.playlistToday[i].in)
|
||||
commit('SET_CURRENT_CLIP_OUT', state.playlistToday[i].out)
|
||||
@ -92,23 +105,28 @@ export const actions = {
|
||||
break
|
||||
}
|
||||
|
||||
start += duration
|
||||
begin += duration
|
||||
}
|
||||
},
|
||||
|
||||
animClock ({ commit, dispatch, state }) {
|
||||
animClock ({ commit, dispatch, state, rootState }) {
|
||||
const time = this.$dayjs().format('HH:mm:ss')
|
||||
const timeSec = this.$timeToSeconds(time)
|
||||
const playTime = timeSec - state.currentClipStart
|
||||
const progValue = playTime * 100 / state.currentClipDuration
|
||||
let timeSec = this.$timeToSeconds(time)
|
||||
|
||||
commit('SET_TIME', time)
|
||||
|
||||
if (timeSec < rootState.config.startInSec) {
|
||||
timeSec += rootState.config.playlistLength
|
||||
}
|
||||
|
||||
if (timeSec < state.currentClipStart) {
|
||||
return
|
||||
}
|
||||
|
||||
// animate the progress bar
|
||||
const playTime = timeSec - state.currentClipStart
|
||||
const progValue = playTime * 100 / state.currentClipDuration
|
||||
|
||||
// set progress bar value
|
||||
if (playTime <= state.currentClipDuration && progValue >= 0) {
|
||||
commit('SET_PROGRESS_VALUE', progValue)
|
||||
commit('SET_TIME_LEFT', this.$secToHMS(state.currentClipDuration - playTime))
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user