feat: support video mode

Author: dorowu-qnap

.dockerignore

@@ -0,0 +1 @@
+web/node_modules

.gitignore

@@ -0,0 +1,3 @@
+*.pyc
+tags
+cscope*

.gitmodules

@@ -0,0 +1,6 @@
+[submodule "web/static/novnc"]
+path = web/static/novnc
+url = https://github.com/novnc/noVNC
+[submodule "web/static/websockify"]
+path = web/static/websockify
+url = https://github.com/novnc/websockify

DEVELOPMENT.md

@@ -0,0 +1,20 @@
+# Run in local
+```
+make build
+make run
+```
+
+## develop backend
+```
+make shell
+supervisorctl stop web
+cd /src/image/usr/local/lib/web/backend
+./run.py --debug
+```
+
+## develop frontend
+```
+cd web
+yarn add
+BACKEND=http://127.0.0.1:6080 npm run dev
+```

Dockerfile

@@ -1,31 +1,30 @@
-FROM ubuntu:16.04
-LABEL maintainer="fcwu.tw@gmail.com"
+################################################################################
+# base system
+################################################################################
+FROM ubuntu:16.04 as system
 
-RUN sed -i 's#http://archive.ubuntu.com/#http://tw.archive.ubuntu.com/#' /etc/apt/sources.list
+ARG localbuild
+RUN if [ "x$localbuild" != "x" ]; then sed -i 's#http://archive.ubuntu.com/#http://qnap.dorowu.com/#' /etc/apt/sources.list; fi
 
 # built-in packages
 RUN apt-get update \
  && apt-get install -y --no-install-recommends software-properties-common curl apache2-utils \
  && add-apt-repository ppa:fcwu-tw/apps \
  && apt-get update \
  && apt-get install -y --no-install-recommends --allow-unauthenticated \
- supervisor \
- sudo vim-tiny \
- net-tools \
- lxde x11vnc xvfb \
- gtk2-engines-murrine ttf-ubuntu-font-family \
- libreoffice firefox \
- fonts-wqy-microhei \
- language-pack-zh-hant language-pack-gnome-zh-hant firefox-locale-zh-hant libreoffice-l10n-zh-tw \
- nginx \
- python-pip python-dev build-essential \
+ supervisor nginx sudo vim-tiny net-tools zenity xz-utils \
+ dbus-x11 x11-utils alsa-utils \
  mesa-utils libgl1-mesa-dri \
- gnome-themes-standard gtk2-engines-pixbuf gtk2-engines-murrine pinta arc-theme \
- dbus-x11 x11-utils \
+ lxde x11vnc xvfb \
+ gtk2-engines-murrine gnome-themes-standard gtk2-engines-pixbuf gtk2-engines-murrine arc-theme \
+ firefox chromium-browser \
+ ttf-ubuntu-font-family ttf-wqy-zenhei \
+ && add-apt-repository -r ppa:fcwu-tw/apps \
  && apt-get autoclean \
  && apt-get autoremove \
  && rm -rf /var/lib/apt/lists/*
-
+# Additional packages require ~600MB
+# libreoffice pinta language-pack-zh-hant language-pack-gnome-zh-hant firefox-locale-zh-hant libreoffice-l10n-zh-tw
 
 # tini for subreap 
 ARG TINI_VERSION=v0.9.0
@@ -36,9 +35,57 @@ RUN chmod +x /bin/tini
 RUN mkdir -p /usr/local/ffmpeg \
  && curl -sSL https://johnvansickle.com/ffmpeg/releases/ffmpeg-release-64bit-static.tar.xz | tar xJvf - -C /usr/local/ffmpeg/ --strip 1
 
-ADD image/usr/local/lib/web/backend/requirements.txt /tmp/
-RUN pip install setuptools wheel && pip install -r /tmp/requirements.txt
-ADD image /
+# python library
+COPY image/usr/local/lib/web/backend/requirements.txt /tmp/
+RUN apt-get update \
+ && dpkg-query -W -f='${Package}\n' > /tmp/a.txt \
+ && apt-get install -y python-pip python-dev build-essential \
+&& pip install setuptools wheel && pip install -r /tmp/requirements.txt \
+ && dpkg-query -W -f='${Package}\n' > /tmp/b.txt \
+ && apt-get remove -y `diff --changed-group-format='%>' --unchanged-group-format='' /tmp/a.txt /tmp/b.txt | xargs` \
+ && apt-get autoclean -y \
+ && apt-get autoremove -y \
+ && rm -rf /var/lib/apt/lists/* \
+ && rm -rf /var/cache/apt/* /tmp/a.txt /tmp/b.txt
+
+
+################################################################################
+# builder
+################################################################################
+FROM ubuntu:16.04 as builder
+
+ARG localbuild
+RUN if [ "x$localbuild" != "x" ]; then sed -i 's#http://archive.ubuntu.com/#http://qnap.dorowu.com/#' /etc/apt/sources.list; fi
+
+RUN apt-get update \
+ && apt-get install -y --no-install-recommends curl ca-certificates
+
+# nodejs
+RUN curl -sL https://deb.nodesource.com/setup_9.x | bash - \
+ && apt-get install -y nodejs
+
+# yarn
+RUN curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - \
+ && echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list \
+ && apt-get update \
+ && apt-get install -y yarn
+
+# build frontend
+COPY web /src/web
+RUN cd /src/web \
+ && yarn \
+ && npm run build
+
+
+################################################################################
+# merge
+################################################################################
+FROM scratch
+LABEL maintainer="fcwu.tw@gmail.com"
+
+COPY --from=system / /
+COPY --from=builder /src/web/dist/ /usr/local/lib/web/frontend/
+COPY image /
 
 EXPOSE 80
 WORKDIR /root

Makefile

@@ -4,7 +4,7 @@ REPO ?= dorowu/ubuntu-desktop-lxde-vnc
 TAG ?= latest
 
 build:
-docker build -t $(REPO):$(TAG) .
+docker build -t $(REPO):$(TAG) --build-arg localbuild=1 .
 
 run:
 docker run --rm \
@@ -13,8 +13,8 @@ run:
 -e USER=doro -e PASSWORD=mypassword \
 -e ALSADEV=hw:2,0 \
 -e SSL_PORT=443 \
--e HTTP_PASSWORD=mypassword \
 -v ${PWD}/ssl:/etc/nginx/ssl \
+--device /dev/snd \
 --name ubuntu-desktop-lxde-test \
 $(REPO):$(TAG)
 

README.md

@@ -72,7 +72,6 @@ The Resolution of virtual desktop adapts browser window size when first connecti
 docker run -p 6080:80 -e RESOLUTION=1920x1080 dorowu/ubuntu-desktop-lxde-vnc
 ```
 
-
 Default Desktop User
 --------------------
 
@@ -82,6 +81,30 @@ The default user is `root`. You may change the user and password respectively by
 docker run -p 6080:80 -e USER=doro -e PASSWORD=password dorowu/ubuntu-desktop-lxde-vnc
 ```
 
+Sound (Preview version and Linux only)
+-------------------
+
+It only works in Linux. 
+
+First of all, insert kernel module `snd-aloop` and specify `2` as the index of sound loop device
+
+```
+sudo modprobe snd-aloop index=2
+```
+
+Start the container
+
+```
+docker run -it --rm -p 6080:80 --device /dev/snd -e ALSADEV=hw:2,0 dorowu/ubuntu-desktop-lxde-vnc
+```
+
+where `--device /dev/snd -e ALSADEV=hw:2,0` means to grant sound device to container and set basic ASLA config to use card 2.
+
+Launch a browser with URL http://127.0.0.1:6080/#/?video, where `video` means to start with video mode. Now you can start Chromium in start menu (Internet -> Chromium Web Browser Sound) and try to play some video.
+
+[![demo](http://img.youtube.com/vi/Kv9FGClP1-k/0.jpg)](http://www.youtube.com/watch?v=Kv9FGClP1-k)
+
+
 Troubleshooting and FAQ
 ==================
 

image/etc/nginx/sites-enabled/default

@@ -10,26 +10,21 @@ server {
  #_HTTP_PASSWORD_#auth_basic "Private Property";
  #_HTTP_PASSWORD_#auth_basic_user_file /etc/nginx/.htpasswd;
 
-root /usr/share/nginx/html;
+root /usr/local/lib/web/frontend/;
 index index.html index.htm;
 
- location / {
- try_files $uri @proxy;
- }
-
- location = / {
- try_files $uri @proxy2;
- }
-
  location ~ ^/api {
- try_files $uri @proxy2;
+ try_files $uri @api;
  }
 
- location = /redirect.html {
- try_files $uri @proxy2;
+ location = /websockify {
+ proxy_http_version 1.1;
+ proxy_set_header Upgrade $http_upgrade;
+ proxy_set_header Connection "upgrade";
+ proxy_pass http://127.0.0.1:6081;
  }
 
- location @proxy2 {
+ location @api {
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forwarded-For $remote_addr;
  proxy_set_header Host $host;
@@ -44,11 +39,4 @@ server {
  proxy_pass http://127.0.0.1:6081;
  max_ranges 0;
  }
-
- location = /websockify {
- proxy_http_version 1.1;
- proxy_set_header Upgrade $http_upgrade;
- proxy_set_header Connection "upgrade";
- proxy_pass http://127.0.0.1:6081;
- }
 }

image/etc/supervisor/conf.d/supervisord.conf

@@ -14,6 +14,8 @@ directory=/usr/local/lib/web/backend
 command=/usr/local/lib/web/backend/run.py
 stdout_logfile=/dev/fd/1
 stdout_logfile_maxbytes=0
+stderr_logfile=/dev/fd/1
+stderr_logfile_maxbytes=0
 
 [group:x]
 programs=xvfb,wm,lxpanel,pcmanfm,x11vnc,novnc
@@ -48,6 +50,6 @@ command=x11vnc -display :1 -xkb -forever -shared -repeat
 
 [program:novnc]
 priority=25
-directory=/usr/local/lib/novnc/
-command=/usr/local/lib/novnc/utils/launch.sh --listen 6081
+directory=/usr/local/lib/web/frontend/static/novnc
+command=bash /usr/local/lib/web/frontend/static/novnc/utils/launch.sh --listen 6081
 stopasgroup=true

image/root/.asoundrc

@@ -0,0 +1,4 @@
+pcm.loop {
+ type plug
+ slave.pcm "hw:Loopback,2,0"
+}