Qt显示视频流——(三)

之前的两次我们已经搭建好了nginx+rtmp服务和ffmpeg推流工具，本次进行最后一步结合Qt显示视频流。

1. 接入硬件摄像头

我使用的是UVC摄像头，也可以接入笔记本电脑自带的相机。在终端上使用ls /dev/vide* 查看一下相机是否被识别，如果识别，则会返回/dev/video0。

如果向查看更具体的其他关于相机的信息，可以使用dmesg命令查看。

2. 启动nginx

cd /usr/local/dev_workspace/nginx/sbin

sudo ./nginx

可通过网页访问localhost检查nginx是否启动成功

3. 使用ffmpeg从相机得到视频并推流

①安装ffmpeg所使用的配置参数

configuration: --enable-shared --prefix=/usr/local/dev_workspace/ffmpeg --enable-libmp3lame --enable-gpl --enable-version3 --enable-nonfree --enable-pthreads --enable-postproc --enable-ffplay --enable-libx264 --enable-libxvid --disable-x86asm

②安装ffmpeg所需依赖库

如果之前没安装过，一般都会缺这几个

sudo apt­get install libmp3lame­dev

sudo apt­get install libx264­dev

sudo apt­get install libxvidcore­dev

③推流命令参数

./ffmpeg -f video4linux2 -i /dev/video0 -f flv rtmp://localhost:1935/hls/video

注意这里是推流到本机，推到其他地方对应更换ip

结果如图：

4. 使用Qt显示视频流

终于到这了，千呼万唤始出来！

①安装flash插件

sudo apt­get update

sudo apt­get install flashplugin­installer

② Qt程序

pro中添加webkitwidgets模块，ui中拖一个QWebView控件。

ui->webView->settings()->setAttribute(QWebSettings::PluginsEnabled,true);
    ui->webView->settings()->setAttribute(QWebSettings::JavaEnabled,true);
    ui->webView->settings()->setAttribute(QWebSettings::JavascriptEnabled,true);
    ui->webView->settings()->setAttribute(QWebSettings::JavascriptCanOpenWindows,true);
    ui->webView->settings()->setAttribute(QWebSettings::JavascriptCanAccessClipboard,true);
    ui->webView->settings()->setAttribute(QWebSettings::DeveloperExtrasEnabled,true);
    ui->webView->settings()->setAttribute(QWebSettings::SpatialNavigationEnabled,true);
    ui->webView->settings()->setAttribute(QWebSettings::LinksIncludedInFocusChain,true);
    ui->webView->settings()->setAttribute(QWebSettings::AcceleratedCompositingEnabled,true);
    ui->webView->settings()->setAttribute(QWebSettings::AutoLoadImages,true);

    ui->webView->page()->setLinkDelegationPolicy(QWebPage::DelegateAllLinks);

    ui->webView->setUrl(QUrl("http://192.168.1.22/rtmp/video.html"));

注意下，这里的ip是服务的ip,ffmpeg与nginx可能是分离开的。

过程是艰辛的，但是结果是美好的：

1>

2>