Linux Qt5.15.2 编译QWebEngine源码支持音视频H264

用户国营  金牌会员 | 2024-7-14 09:44:36 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 869|帖子 869|积分 2607

配景

默认自带的QWebEngine 因版权问题不支持音视频功能，须要本身编译源码以支持。
平台：Linux（UOS V20 1050）
Qt：5.15.2
准备工作


  • 下载 Qt 5.15.2 对应版本源码，使用镜像网站或者Qt Maintenance Tool工具下载。
  • 设置 Qt 环境变量
  1. vim ~/.bashrc
复制代码
将以下内容追加到bashrc文件后
  1. #QT ENV
  2. export PATH=/home/Leou/Qt/5.15.2/gcc_64/bin:$PATH
  3. export LD_LIBRARY_PATH=/home/Leou/Qt/5.15.2/gcc_64/lib:$LD_LIBRARY_PATH
  4. export QT_PLUGIN_PATH=/home/Leou/Qt/5.15.2/gcc_64/plugins:$QT_PLUGIN_PATH
  5. export QML2_PATH=/home/Leou/Qt/5.15.2/gcc_64/qml:$QML2_PATH
复制代码
革新使其生效
  1. source ~/.bashrc
复制代码
这个阶段可以预先安装所需的库：
On all platforms, the following tools are required at build time:


  • Python 2.7.5 or later. Python 3 is not supported.
  • Bison, Flex
  • GPerf
  • Node.js version 8 or later (version 12 or later is recommended)
这些是最基本的要求，实际上另有很多库须要安装，可参考qtwebengine-platform-notes
编译

创建build目录，并使用qmake ../qtwebengine.pro -- -webengine-proprietary-codecs下令
  1. Leou@Leou-PC:/media/Leou/qtwebengine$ mkdir build
  2. Leou@Leou-PC:/media/Leou/qtwebengine$ cd build/
  3. Leou@Leou-PC:/media/Leou/qtwebengine/build$ qmake ../qtwebengine.pro -- -webengine-proprietary-codecs
复制代码
输出信息：
  1. Info: creating stash file /media/Leou/qtwebengine/build/.qmake.stash
  2. Info: creating cache file /media/Leou/qtwebengine/build/.qmake.cache
  4. Running configuration tests...
  5. Checking for architecture supported... yes
  6. Checking for bison... no
  7. Checking for submodule initialized... yes
  8. Checking for build path without whitespace... yes
  9. Checking for platform supported...
  10. Checking for gperf... yes
  11. Checking for flex... no
  12. Checking for host pkg-config... /usr/bin/pkg-config
  13. Checking for jumbo build merge limit... 8
  14. Checking for linker supports -z noexecstack... yes
  15. Checking for x11... yes
  16. Checking for libdrm... yes
  17. Checking for xcomposite... yes
  18. Checking for xcursor... yes
  19. Checking for xi... yes
  20. Checking for xtst... yes
  21. Checking for python2... /usr/bin/python2
  22. Checking for d-bus... yes
  23. Checking for fontconfig... yes
  24. Checking for freetype >= 2.4.2... yes
  25. Checking for glib-2.0 >= 2.32.0... yes
  26. Checking for glibc > 2.16... yes
  27. Checking for jsoncpp... no
  28. Checking for khr... yes
  29. Checking for lcms2... no
  30. Checking for libevent... no
  31. Checking for libvpx... no
  32. Checking for libwebp, libwebpmux and libwebpdemux... no
  33. Checking for compatible libxml2 and libxslt... no
  34. Checking for minizip... no
  35. Checking for system ninja... no
  36. Checking for nss >= 3.26... yes
  37. Checking for opus... no
  38. Checking for protobuf... no
  39. Checking for re2... no
  40. Checking for snappy... no
  41. Checking for zlib... yes
  42. Done running configuration tests.
  44. Configure summary:
  46. Qt WebEngine Build Tools:
  47.   Use System Ninja ....................... no
  48.   Use System Gn .......................... no
  49.   Jumbo Build Merge Limit ................ 8
  50.   Developer build ........................ no
  51.   Sanitizer .............................. no
  52.   QtWebEngine required system libraries:
  53.     fontconfig ........................... yes
  54.     dbus ................................. yes
  55.     nss .................................. yes
  56.     khr .................................. yes
  57.     glibc ................................ yes
  58.   QtWebEngine required system libraries for qpa-xcb:
  59.     x11 .................................. yes
  60.     libdrm ............................... yes
  61.     xcomposite ........................... yes
  62.     xcursor .............................. yes
  63.     xi ................................... yes
  64.     xtst ................................. yes
  65.   Optional system libraries used:
  66.     re2 .................................. no
  67.     icu .................................. no
  68.     libwebp, libwebpmux and libwebpdemux . no
  69.     opus ................................. no
  70.     ffmpeg ............................... no
  71.     libvpx ............................... no
  72.     snappy ............................... no
  73.     glib ................................. yes
  74.     zlib ................................. yes
  75.     minizip .............................. no
  76.     libevent ............................. no
  77.     jsoncpp .............................. no
  78.     protobuf ............................. no
  79.     libxml2 and libxslt .................. no
  80.     lcms2 ................................ no
  81.     png .................................. no
  82.     JPEG ................................. no
  83.     harfbuzz ............................. no
  84.     freetype ............................. yes
  86. Note: The following modules are not being compiled in this configuration:
  87.     webenginecore
  88.     webengine
  89.     webenginewidgets
  90.     pdf
  91.     pdfwidgets
  93. WARNING: Tool bison is required to build QtWebEngine.
  95. WARNING: Tool bison is required to build QtPdf.
  97. WARNING: QtWebEngine will not be built.
  99. WARNING: QtPdf will not be built.
  101. Qt is now configured for building. Just run 'make'.
  102. Once everything is built, you must run 'make install
  103. '.
  104. Qt will be installed into '/home/Leou/Qt/5.15.2/gcc_64'.
  106. Prior to reconfiguration, make sure you remove any leftovers from
  107. the previous build.
复制代码
查看输出信息并安装缺失的库：
安装bison
  1. sudo apt install bison
复制代码
安装flex
  1. sudo apt install flex
复制代码
安装后，疑似有缓存，所以导致未更新，可删除build下的产物，再运行一次qmake ../qtwebengine.pro -- -webengine-proprietary-codecs
输出信息：
  1. Leou@Leou-PC:/media/Leou/QtSrc/Src/qtwebengine/build$ qmake ../qtwebengine.pro -- -webengine-proprietary-codecs
  3. Running configuration tests...
  4. Done running configuration tests.
  6. Configure summary:
  8. Qt WebEngine Build Tools:
  9.   Use System Ninja ....................... no
  10.   Use System Gn .......................... no
  11.   Jumbo Build Merge Limit ................ 8
  12.   Developer build ........................ no
  13.   Sanitizer .............................. no
  14.   QtWebEngine required system libraries:
  15.     fontconfig ........................... yes
  16.     dbus ................................. yes
  17.     nss .................................. yes
  18.     khr .................................. yes
  19.     glibc ................................ yes
  20.   QtWebEngine required system libraries for qpa-xcb:
  21.     x11 .................................. yes
  22.     libdrm ............................... yes
  23.     xcomposite ........................... yes
  24.     xcursor .............................. yes
  25.     xi ................................... yes
  26.     xtst ................................. yes
  27.   Optional system libraries used:
  28.     re2 .................................. no
  29.     icu .................................. no
  30.     libwebp, libwebpmux and libwebpdemux . no
  31.     opus ................................. no
  32.     ffmpeg ............................... no
  33.     libvpx ............................... no
  34.     snappy ............................... no
  35.     glib ................................. yes
  36.     zlib ................................. yes
  37.     minizip .............................. no
  38.     libevent ............................. no
  39.     jsoncpp .............................. no
  40.     protobuf ............................. no
  41.     libxml2 and libxslt .................. no
  42.     lcms2 ................................ no
  43.     png .................................. no
  44.     JPEG ................................. no
  45.     harfbuzz ............................. no
  46.     freetype ............................. yes
  47. Qt WebEngineCore:
  48.   Embedded build ......................... no
  49.   Full debug information ................. no
  50.   Pepper Plugins ......................... yes
  51.   Printing and PDF ....................... yes
  52.   Proprietary Codecs ..................... yes
  53.   Spellchecker ........................... yes
  54.   Native Spellchecker .................... no
  55.   WebRTC ................................. yes
  56.   PipeWire over GIO ...................... no
  57.   Geolocation ............................ yes
  58.   WebChannel support ..................... yes
  59.   Kerberos Authentication ................ no
  60.   Extensions ............................. yes
  61.   Node.js ................................ no
  62.   Support qpa-xcb ........................ yes
  63.   Use ALSA ............................... yes
  64.   Use PulseAudio ......................... yes
  65. Qt WebEngineQml:
  66.   Support Qt WebEngine Qml ............... yes
  67.   UI Delegates ........................... yes
  68.   Test Support ........................... no
  69. Qt WebEngineWidgets:
  70.   Support Qt WebEngine Widgets ........... yes
  71. Qt PDF:
  72.   Support V8 ............................. no
  73.   Support XFA ............................ no
  74.   Support XFA-BMP ........................ no
  75.   Support XFA-GIF ........................ no
  76.   Support XFA-PNG ........................ no
  77.   Support XFA-TIFF ....................... no
  78. Qt PDF Widgets:
  79.   Support Qt PDF Widgets ................. yes
  81. WARNING: Building without node.js will disable some features of QtWebEngine DevTools.
  83. Qt is now configured for building. Just run 'make'.
  84. Once everything is built, you must run 'make install
  85. '.
  86. Qt will be installed into '/home/Leou/Qt/5.15.2/gcc_64'.
  88. Prior to reconfiguration, make sure you remove any leftovers from
  89. the previous build.
复制代码
执行make
  1. make -j14
复制代码
假如出错，则多执行反复make下令

执行结束后：
  1. mv -f libqwebengineview.so ../../../plugins/designer/libqwebengineview.so
  2. objcopy --only-keep-debug ../../../plugins/designer/libqwebengineview.so ../../../plugins/designer/libqwebengineview.so.debug && objcopy --strip-debug ../../../plugins/designer/libqwebengineview.so && objcopy --add-gnu-debuglink=../../../plugins/designer/libqwebengineview.so.debug ../../../plugins/designer/libqwebengineview.so && chmod -x ../../../plugins/designer/libqwebengineview.so.debug
  3. make[3]: 离开目录“/media/Leou/QtSrc/Src/qtwebengine/build/src/plugins/qwebengineview”
  4. make[2]: 离开目录“/media/Leou/QtSrc/Src/qtwebengine/build/src/plugins”
  5. rm -f libQt5PdfWidgets.so.5.15.2 libQt5PdfWidgets.so libQt5PdfWidgets.so.5 libQt5PdfWidgets.so.5.15
  6. g++ -Wl,--no-undefined -Wl,--version-script,QtPdfWidgets.version -Wl,--enable-new-dtags -Wl,-z,origin -Wl,-rpath,\$ORIGIN -Wl,-rpath,\$ORIGIN -Wl,-rpath-link,/home/Leou/Qt/5.15.2/gcc_64/lib -shared -Wl,-Bsymbolic-functions -Wl,-soname,libQt5PdfWidgets.so.5 -o libQt5PdfWidgets.so.5.15.2 .obj/qpdfview.o  -L/home/qt/openssl-1.1.1g/lib /media/Leou/QtSrc/Src/qtwebengine/build/lib/libQt5Pdf.so /home/Leou/Qt/5.15.2/gcc_64/lib/libQt5Widgets.so /home/Leou/Qt/5.15.2/gcc_64/lib/libQt5Gui.so /home/Leou/Qt/5.15.2/gcc_64/lib/libQt5Core.so -lpthread -lGL   
  7. ln -s libQt5PdfWidgets.so.5.15.2 libQt5PdfWidgets.so
  8. ln -s libQt5PdfWidgets.so.5.15.2 libQt5PdfWidgets.so.5
  9. ln -s libQt5PdfWidgets.so.5.15.2 libQt5PdfWidgets.so.5.15
  10. rm -f ../../lib/libQt5PdfWidgets.so.5.15.2
  11. mv -f libQt5PdfWidgets.so.5.15.2 ../../lib/libQt5PdfWidgets.so.5.15.2
  12. rm -f ../../lib/libQt5PdfWidgets.so
  13. rm -f ../../lib/libQt5PdfWidgets.so.5
  14. rm -f ../../lib/libQt5PdfWidgets.so.5.15
  15. mv -f libQt5PdfWidgets.so ../../lib/libQt5PdfWidgets.so
  16. mv -f libQt5PdfWidgets.so.5 ../../lib/libQt5PdfWidgets.so.5
  17. mv -f libQt5PdfWidgets.so.5.15 ../../lib/libQt5PdfWidgets.so.5.15
  18. objcopy --only-keep-debug ../../lib/libQt5PdfWidgets.so.5.15.2 ../../lib/libQt5PdfWidgets.so.5.15.2.debug && objcopy --strip-debug ../../lib/libQt5PdfWidgets.so.5.15.2 && objcopy --add-gnu-debuglink=../../lib/libQt5PdfWidgets.so.5.15.2.debug ../../lib/libQt5PdfWidgets.so.5.15.2 && chmod -x ../../lib/libQt5PdfWidgets.so.5.15.2.debug
  19. make[2]: 离开目录“/media/Leou/QtSrc/Src/qtwebengine/build/src/pdfwidgets”
  20. make[1]: 离开目录“/media/Leou/QtSrc/Src/qtwebengine/build/src”
复制代码
可以看到lib下的产物

安装

直接替换安装当前Qt 的 QWebEngine
  1. make install
复制代码
测试

使用Qt的simplebrowser demo程序打开 html5test 网站测试功能：

可见已经支持了h264、mp3等音视频功能。
总结

在Linux上编译QWebEngine总体上比较容易，没有编译chromium那么困难。
   https://doc.qt.io/qt-5/qtwebengine-platform-notes.html

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

用户国营

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

存储 挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表