Ubuntuでライブカメラを作ってみる
日経LinuxにUbuntuを使ったライブカメラの作り方が掲載されていたので挑戦。
apache2のインストールまでは順調。
m@PC-VN770GS1SR:~$ sudo apt install apache2
「http://localhost」にアクセスして下記が表示されることを確認。
ffmegコマンドでWebカメラで撮影した映像をストリーミング再生できるようにする。
ffmegコマンドが実行できなかったので、下記を参考にインストール。
日経リナックスに紹介されていたコマンドを投入。
m@PC-VN770GS1SR:/var/www/html$ sudo ffmpeg -f alsa -thread_queue_size 1024 -f v412 -thread_queue_size 512 -input_format yuyv422 -video_size 800x600 -i /dev/video0 -filter_complex scale=800x600,fps=12 -c:v h264 -b:v 764k -g 24 -c:a aac -b:a 64k -flags +cgop+global_header -f hls -hls_time 2 -hls_list_size 3 -hls_allow_cache 0 -hls_segment_filename stream_%d.ts -hls_flags delete_segments out.m3u8
ffmpeg version 3.4.4-0ubuntu0.18.04.1 Copyright (c) 2000-2018 the FFmpeg developers
built with gcc 7 (Ubuntu 7.3.0-16ubuntu3)
configuration: --prefix=/usr --extra-version=0ubuntu0.18.04.1 --toolchain=hardened --libdir=/usr/lib/x86_64-linux-gnu --incdir=/usr/include/x86_64-linux-gnu --enable-gpl --disable-stripping --enable-avresample --enable-avisynth --enable-gnutls --enable-ladspa --enable-libass --enable-libbluray --enable-libbs2b --enable-libcaca --enable-libcdio --enable-libflite --enable-libfontconfig --enable-libfreetype --enable-libfribidi --enable-libgme --enable-libgsm --enable-libmp3lame --enable-libmysofa --enable-libopenjpeg --enable-libopenmpt --enable-libopus --enable-libpulse --enable-librubberband --enable-librsvg --enable-libshine --enable-libsnappy --enable-libsoxr --enable-libspeex --enable-libssh --enable-libtheora --enable-libtwolame --enable-libvorbis --enable-libvpx --enable-libwavpack --enable-libwebp --enable-libx265 --enable-libxml2 --enable-libxvid --enable-libzmq --enable-libzvbi --enable-omx --enable-openal --enable-opengl --enable-sdl2 --enable-libdc1394 --enable-libdrm --enable-libiec61883 --enable-chromaprint --enable-frei0r --enable-libopencv --enable-libx264 --enable-shared
WARNING: library configuration mismatch
avcodec configuration: --prefix=/usr --extra-version=0ubuntu0.18.04.1 --toolchain=hardened --libdir=/usr/lib/x86_64-linux-gnu --incdir=/usr/include/x86_64-linux-gnu --enable-gpl --disable-stripping --enable-avresample --enable-avisynth --enable-gnutls --enable-ladspa --enable-libass --enable-libbluray --enable-libbs2b --enable-libcaca --enable-libcdio --enable-libflite --enable-libfontconfig --enable-libfreetype --enable-libfribidi --enable-libgme --enable-libgsm --enable-libmp3lame --enable-libmysofa --enable-libopenjpeg --enable-libopenmpt --enable-libopus --enable-libpulse --enable-librubberband --enable-librsvg --enable-libshine --enable-libsnappy --enable-libsoxr --enable-libspeex --enable-libssh --enable-libtheora --enable-libtwolame --enable-libvorbis --enable-libvpx --enable-libwavpack --enable-libwebp --enable-libx265 --enable-libxml2 --enable-libxvid --enable-libzmq --enable-libzvbi --enable-omx --enable-openal --enable-opengl --enable-sdl2 --enable-libdc1394 --enable-libdrm --enable-libiec61883 --enable-chromaprint --enable-frei0r --enable-libopencv --enable-libx264 --enable-shared --enable-version3 --disable-doc --disable-programs --enable-libopencore_amrnb --enable-libopencore_amrwb --enable-libtesseract --enable-libvo_amrwbenc
libavutil 55. 78.100 / 55. 78.100
libavcodec 57.107.100 / 57.107.100
libavformat 57. 83.100 / 57. 83.100
libavdevice 57. 10.100 / 57. 10.100
libavfilter 6.107.100 / 6.107.100
libavresample 3. 7. 0 / 3. 7. 0
libswscale 4. 8.100 / 4. 8.100
libswresample 2. 9.100 / 2. 9.100
libpostproc 54. 7.100 / 54. 7.100
Unknown input format: 'v412'
m@PC-VN770GS1SR:/var/www/html$
「Unknown input format: 'v412'」と表示されてしまったが、とりあえず進める。
Chromeでもストリーミング再生できるようする。
m@PC-VN770GS1SR:~$ sudo gedit /var/www/html/stream.html
Webページのソースコード「stream.html」を下記のように編集。
<html>
<head>
<meta charset="utf-8">
<title>ストリーミング</title>
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
</head>
<body>
<h1>自宅の近況</h1>
<div>
<video id="live" width="640" height="480" crossOrigin="anonymous" autoplay="autoplay" controls="controls">
</div>
<script>
if (Hls.isSupported()) {
var video = document.getElementById('live');
var hls = new Hls();
hls.loadSource('./out.m3u8');
hls.attachMedia(live);
hls.on(Hls.Events.MAINFEST_PARSED, function () {
video.play(); }); }
</script>
</body>
</html>
これで必要な準備は完了。「http://UbuntuのPCアドレス/stream.html」へアクセス。
うーん、映らない。。。
ffmpegで「Unknown input format: 'v412'」と表示されてるのが原因なのかな？
ちょっと考えてみます。
