Qt-FFmpeg开发-视频播放(1)

news/2024/5/5 14:52:27/文章来源:https://blog.csdn.net/qq_43627907/article/details/127329028

Qt-FFmpeg开发-视频播放【软解码】

文章目录

  • Qt-FFmpeg开发-视频播放【软解码】
    • 1、概述
    • 2、实现效果
    • 3、FFmpeg软解码流程
    • 4、主要代码
    • 6、完整源代码

更多精彩内容
👉个人内容分类汇总 👈
👉音视频开发 👈

1、概述

介四里沒有挽过的船新版本,挤需感受三番钟,里造会干我一样,爱象节个版本

  • 最近研究了一下FFmpeg开发,功能实在是太强大了,网上ffmpeg3、4的文章还是很多的,但是学习嘛,最新的还是不能放过,就选了一个最新的ffmpeg n5.1.2版本,和3、4版本api变化还是挺大的;
  • 在这个Demo里主要使用Qt + FFmpeg开发一个简单的视频播放器,这里使用的是软解码,硬解码后续再讲;
  • 同时为了尽可能的简单,这里没有进行音频解码和播放,只是单独的进行视频解码播放;
  • 视频显示没有上来就OpenGL、SDL、D3D,这对于初学者不太友好,所以这里使用了QPainter进行绘制,所以CPU占用还是挺高的,后面换成OpenGL就好了;

开发环境说明

  • 系统:Windows10、Ubuntu20.04
  • Qt版本:V5.12.5
  • 编译器:MSVC2017-64、GCC/G++64
  • FFmpeg版本:n5.1.2
    • 官方下载
    • 我使用的库

2、实现效果

  1. 使用ffmpeg音视频库【软解码】实现的视频播放器;
  2. 支持打开本地视频文件(如mp4、mov、avi等)、网络视频流(rtsp、rtmp、http等);
  3. 支持视频【匀速播放】;
  4. 采用QPainter进行显示,支持【自适应】窗口缩放;
  5. 视频播放支持实时【开始/关闭、暂停/继续】播放;
  6. 视频解码、线程控制、显示各部分功能分离,【低耦合度】。
  7. 采用最新的【5.1.2版本】ffmpeg库进行开发,【超详细注释信息】,将所有踩过的坑、解决办法、注意事项都得很写清楚。

在这里插入图片描述

3、FFmpeg软解码流程

在这里插入图片描述

4、主要代码

  • 啥也不说了,直接上代码,一切有注释

  • videodecode.h文件

    /******************************************************************************* @文件名     videodecode.h* @功能       视频解码类,在这个类中调用ffmpeg打开视频进行解码** @开发者     mhf* @邮箱       1603291350@qq.com* @时间       2022/09/15* @备注*****************************************************************************/
    #ifndef VIDEODECODE_H
    #define VIDEODECODE_H#include <QString>
    #include <QSize>struct AVFormatContext;
    struct AVCodecContext;
    struct AVRational;
    struct AVPacket;
    struct AVFrame;
    struct SwsContext;
    struct AVBufferRef;
    class QImage;class VideoDecode
    {
    public:VideoDecode();~VideoDecode();bool open(const QString& url = QString());    // 打开媒体文件,或者流媒体rtmp、strp、httpQImage read();                               // 读取视频图像void close();                                 // 关闭bool isEnd();                                 // 是否读取完成const qint64& pts();                          // 获取当前帧显示时间private:void initFFmpeg();                            // 初始化ffmpeg库(整个程序中只需加载一次)void showError(int err);                      // 显示ffmpeg执行错误时的错误信息qreal rationalToDouble(AVRational* rational); // 将AVRational转换为doublevoid clear();                                 // 清空读取缓冲void free();                                  // 释放private:AVFormatContext* m_formatContext = nullptr;   // 解封装上下文AVCodecContext*  m_codecContext  = nullptr;   // 解码器上下文SwsContext*      m_swsContext    = nullptr;   // 图像转换上下文AVPacket* m_packet = nullptr;                 // 数据包AVFrame*  m_frame  = nullptr;                 // 解码后的视频帧int    m_videoIndex   = 0;                    // 视频流索引qint64 m_totalTime    = 0;                    // 视频总时长qint64 m_totalFrames  = 0;                    // 视频总帧数qint64 m_obtainFrames = 0;                    // 视频当前获取到的帧数qint64 m_pts          = 0;                    // 图像帧的显示时间qreal  m_frameRate    = 0;                    // 视频帧率QSize  m_size;                                // 视频分辨率大小char*  m_error = nullptr;                     // 保存异常信息bool   m_end = false;                         // 视频读取完成uchar* m_buffer = nullptr;                    // YUV图像需要转换位RGBA图像,这里保存转换后的图形数据
    };#endif // VIDEODECODE_H
    
  • videodecode.cpp文件

    #include "videodecode.h"
    #include <QDebug>
    #include <QImage>
    #include <QMutex>
    #include <qdatetime.h>extern "C" {        // 用C规则编译指定的代码
    #include "libavcodec/avcodec.h"
    #include "libavformat/avformat.h"
    #include "libavutil/avutil.h"
    #include "libswscale/swscale.h"
    #include "libavutil/imgutils.h"}#define ERROR_LEN 1024  // 异常信息数组长度
    #define PRINT_LOG 1VideoDecode::VideoDecode()
    {
    //    initFFmpeg();      // 5.1.2版本不需要调用了m_error = new char[ERROR_LEN];
    }VideoDecode::~VideoDecode()
    {close();
    }/*** @brief 初始化ffmpeg库(整个程序中只需加载一次)*        旧版本的ffmpeg需要注册各种文件格式、解复用器、对网络库进行全局初始化。*        在新版本的ffmpeg中纷纷弃用了,不需要注册了*/
    void VideoDecode::initFFmpeg()
    {static bool isFirst = true;static QMutex mutex;QMutexLocker locker(&mutex);if(isFirst){//        av_register_all();         // 已经从源码中删除/*** 初始化网络库,用于打开网络流媒体,此函数仅用于解决旧GnuTLS或OpenSSL库的线程安全问题。* 一旦删除对旧GnuTLS和OpenSSL库的支持,此函数将被弃用,并且此函数不再有任何用途。*/avformat_network_init();isFirst = false;}
    }/*** @brief      打开媒体文件,或者流媒体,例如rtmp、strp、http* @param url  视频地址* @return     true:成功  false:失败*/
    bool VideoDecode::open(const QString &url)
    {if(url.isNull()) return false;AVDictionary* dict = nullptr;av_dict_set(&dict, "rtsp_transport", "tcp", 0);      // 设置rtsp流使用tcp打开,如果打开失败错误信息为【Error number -135 occurred】可以切换(UDP、tcp、udp_multicast、http),比如vlc推流就需要使用udp打开av_dict_set(&dict, "max_delay", "3", 0);             // 设置最大复用或解复用延迟(以微秒为单位)。当通过【UDP】 接收数据时,解复用器尝试重新排序接收到的数据包(因为它们可能无序到达,或者数据包可能完全丢失)。这可以通过将最大解复用延迟设置为零(通过max_delayAVFormatContext 字段)来禁用。av_dict_set(&dict, "timeout", "1000000", 0);         // 以微秒为单位设置套接字 TCP I/O 超时,如果等待时间过短,也可能会还没连接就返回了。// 打开输入流并返回解封装上下文int ret = avformat_open_input(&m_formatContext,          // 返回解封装上下文url.toStdString().data(),  // 打开视频地址nullptr,                   // 如果非null,此参数强制使用特定的输入格式。自动选择解封装器(文件格式)&dict);                    // 参数设置// 释放参数字典if(dict){av_dict_free(&dict);}// 打开视频失败if(ret < 0){showError(ret);free();return false;}// 读取媒体文件的数据包以获取流信息。ret = avformat_find_stream_info(m_formatContext, nullptr);if(ret < 0){showError(ret);free();return false;}m_totalTime = m_formatContext->duration / (AV_TIME_BASE / 1000); // 计算视频总时长(毫秒)
    #if PRINT_LOGqDebug() << QString("视频总时长:%1 ms,[%2]").arg(m_totalTime).arg(QTime::fromMSecsSinceStartOfDay(int(m_totalTime)).toString("HH:mm:ss zzz"));
    #endif// 通过AVMediaType枚举查询视频流ID(也可以通过遍历查找),最后一个参数无用m_videoIndex = av_find_best_stream(m_formatContext, AVMEDIA_TYPE_VIDEO, -1, -1, nullptr, 0);if(m_videoIndex < 0){showError(m_videoIndex);free();return false;}AVStream* videoStream = m_formatContext->streams[m_videoIndex];  // 通过查询到的索引获取视频流// 获取视频图像分辨率(AVStream中的AVCodecContext在新版本中弃用,改为使用AVCodecParameters)m_size.setWidth(videoStream->codecpar->width);m_size.setHeight(videoStream->codecpar->height);m_frameRate = rationalToDouble(&videoStream->avg_frame_rate);  // 视频帧率// 通过解码器ID获取视频解码器(新版本返回值必须使用const)const AVCodec* codec = avcodec_find_decoder(videoStream->codecpar->codec_id);m_totalFrames = videoStream->nb_frames;#if PRINT_LOGqDebug() << QString("分辨率:[w:%1,h:%2] 帧率:%3  总帧数:%4  解码器:%5").arg(m_size.width()).arg(m_size.height()).arg(m_frameRate).arg(m_totalFrames).arg(codec->name);
    #endif// 分配AVCodecContext并将其字段设置为默认值。m_codecContext = avcodec_alloc_context3(codec);if(!m_codecContext){
    #if PRINT_LOGqWarning() << "创建视频解码器上下文失败!";
    #endiffree();return false;}// 使用视频流的codecpar为解码器上下文赋值ret = avcodec_parameters_to_context(m_codecContext, videoStream->codecpar);if(ret < 0){showError(ret);free();return false;}m_codecContext->flags2 |= AV_CODEC_FLAG2_FAST;    // 允许不符合规范的加速技巧。m_codecContext->thread_count = 8;                 // 使用8线程解码// 初始化解码器上下文,如果之前avcodec_alloc_context3传入了解码器,这里设置NULL就可以ret = avcodec_open2(m_codecContext, nullptr, nullptr);if(ret < 0){showError(ret);free();return false;}// 分配AVPacket并将其字段设置为默认值。m_packet = av_packet_alloc();if(!m_packet){
    #if PRINT_LOGqWarning() << "av_packet_alloc() Error!";
    #endiffree();return false;}// 分配AVFrame并将其字段设置为默认值。m_frame = av_frame_alloc();if(!m_frame){
    #if PRINT_LOGqWarning() << "av_frame_alloc() Error!";
    #endiffree();return false;}// 分配图像空间int size = av_image_get_buffer_size(AV_PIX_FMT_RGBA, m_size.width(), m_size.height(), 4);/*** 【注意:】这里可以多分配一些,否则如果只是安装size分配,大部分视频图像数据拷贝没有问题,*         但是少部分视频图像在使用sws_scale()拷贝时会超出数组长度,在使用使用msvc debug模式时delete[] m_buffer会报错(HEAP CORRUPTION DETECTED: after Normal block(#32215) at 0x000001AC442830370.CRT delected that the application wrote to memory after end of heap buffer)*         特别是这个视频流http://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp4*/m_buffer = new uchar[size + 1000];    // 这里多分配1000个字节就基本不会出现拷贝超出的情况了,反正不缺这点内存
    //    m_image = new QImage(m_buffer, m_size.width(), m_size.height(), QImage::Format_RGBA8888);  // 这种方式分配内存大部分情况下也可以,但是因为存在拷贝超出数组的情况,delete时也会报错m_end = false;return true;
    }/*** @brief* @return*/
    QImage VideoDecode::read()
    {// 如果没有打开则返回if(!m_formatContext){return QImage();}// 读取下一帧数据int readRet = av_read_frame(m_formatContext, m_packet);if(readRet < 0){avcodec_send_packet(m_codecContext, m_packet); // 读取完成后向解码器中传如空AVPacket,否则无法读取出最后几帧}else{if(m_packet->stream_index == m_videoIndex)     // 如果是图像数据则进行解码{// 计算当前帧时间(毫秒)
    #if 1       // 方法一:适用于所有场景,但是存在一定误差m_packet->pts = qRound64(m_packet->pts * (1000 * rationalToDouble(&m_formatContext->streams[m_videoIndex]->time_base)));m_packet->dts = qRound64(m_packet->dts * (1000 * rationalToDouble(&m_formatContext->streams[m_videoIndex]->time_base)));
    #else       // 方法二:适用于播放本地视频文件,计算每一帧时间较准,但是由于网络视频流无法获取总帧数,所以无法适用m_obtainFrames++;m_packet->pts = qRound64(m_obtainFrames * (qreal(m_totalTime) / m_totalFrames));
    #endif// 将读取到的原始数据包传入解码器int ret = avcodec_send_packet(m_codecContext, m_packet);if(ret < 0){showError(ret);}}}av_packet_unref(m_packet);  // 释放数据包,引用计数-1,为0时释放空间int ret = avcodec_receive_frame(m_codecContext, m_frame);if(ret < 0){av_frame_unref(m_frame);if(readRet < 0){m_end = true;     // 当无法读取到AVPacket并且解码器中也没有数据时表示读取完成}return QImage();}m_pts = m_frame->pts;// 为什么图像转换上下文要放在这里初始化呢,是因为m_frame->format,如果使用硬件解码,解码出来的图像格式和m_codecContext->pix_fmt的图像格式不一样,就会导致无法转换为QImageif(!m_swsContext){// 获取缓存的图像转换上下文。首先校验参数是否一致,如果校验不通过就释放资源;然后判断上下文是否存在,如果存在直接复用,如不存在进行分配、初始化操作m_swsContext = sws_getCachedContext(m_swsContext,m_frame->width,                     // 输入图像的宽度m_frame->height,                    // 输入图像的高度(AVPixelFormat)m_frame->format,     // 输入图像的像素格式m_size.width(),                     // 输出图像的宽度m_size.height(),                    // 输出图像的高度AV_PIX_FMT_RGBA,                    // 输出图像的像素格式SWS_BILINEAR,                       // 选择缩放算法(只有当输入输出图像大小不同时有效),一般选择SWS_FAST_BILINEARnullptr,                            // 输入图像的滤波器信息, 若不需要传NULLnullptr,                            // 输出图像的滤波器信息, 若不需要传NULLnullptr);                          // 特定缩放算法需要的参数(?),默认为NULLif(!m_swsContext){
    #if PRINT_LOGqWarning() << "sws_getCachedContext() Error!";
    #endiffree();return QImage();}}// AVFrame转QImageuchar* data[]  = {m_buffer};int    lines[4];av_image_fill_linesizes(lines, AV_PIX_FMT_RGBA, m_frame->width);  // 使用像素格式pix_fmt和宽度填充图像的平面线条大小。ret = sws_scale(m_swsContext,             // 缩放上下文m_frame->data,            // 原图像数组m_frame->linesize,        // 包含源图像每个平面步幅的数组0,                        // 开始位置m_frame->height,          // 行数data,                     // 目标图像数组lines);                   // 包含目标图像每个平面的步幅的数组QImage image(m_buffer, m_frame->width, m_frame->height, QImage::Format_RGBA8888);av_frame_unref(m_frame);return image;
    }/*** @brief 关闭视频播放并释放内存*/
    void VideoDecode::close()
    {clear();free();m_totalTime     = 0;m_videoIndex    = 0;m_totalFrames   = 0;m_obtainFrames  = 0;m_pts           = 0;m_frameRate     = 0;m_size          = QSize(0, 0);
    }/*** @brief  视频是否读取完成* @return*/
    bool VideoDecode::isEnd()
    {return m_end;
    }/*** @brief    返回当前帧图像播放时间* @return*/
    const qint64 &VideoDecode::pts()
    {return m_pts;
    }/*** @brief        显示ffmpeg函数调用异常信息* @param err*/
    void VideoDecode::showError(int err)
    {
    #if PRINT_LOGmemset(m_error, 0, ERROR_LEN);        // 将数组置零av_strerror(err, m_error, ERROR_LEN);qWarning() << "DecodeVideo Error:" << m_error;
    #elseQ_UNUSED(err)
    #endif
    }/*** @brief          将AVRational转换为double,用于计算帧率* @param rational* @return*/
    qreal VideoDecode::rationalToDouble(AVRational* rational)
    {qreal frameRate = (rational->den == 0) ? 0 : (qreal(rational->num) / rational->den);return frameRate;
    }/*** @brief 清空读取缓冲*/
    void VideoDecode::clear()
    {// 因为avformat_flush不会刷新AVIOContext (s->pb)。如果有必要,在调用此函数之前调用avio_flush(s->pb)。if(m_formatContext && m_formatContext->pb){avio_flush(m_formatContext->pb);}if(m_formatContext){avformat_flush(m_formatContext);   // 清理读取缓冲}
    }void VideoDecode::free()
    {// 释放上下文swsContext。if(m_swsContext){sws_freeContext(m_swsContext);m_swsContext = nullptr;             // sws_freeContext不会把上下文置NULL}// 释放编解码器上下文和与之相关的所有内容,并将NULL写入提供的指针if(m_codecContext){avcodec_free_context(&m_codecContext);}// 关闭并失败m_formatContext,并将指针置为nullif(m_formatContext){avformat_close_input(&m_formatContext);}if(m_packet){av_packet_free(&m_packet);}if(m_frame){av_frame_free(&m_frame);}if(m_buffer){delete [] m_buffer;m_buffer = nullptr;}
    }
    

6、完整源代码

  • github
  • gitee

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_23442.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

平衡二叉树的判定

修仙公元2022年&#xff0c;一男子试图突破二叉树大关&#xff0c;遇一问题&#xff1a; 给定一个二叉树的根节点&#xff0c;请判断是否为平衡二叉树&#xff08;左右节点的高度绝对子小于等于1&#xff09;。 该男子使用层序遍历大法&#xff0c;信誓旦旦的前往考核地点。 …

开源人脸识别系统compareface介绍

Exadel CompreFace是一种免费的open-source人脸识别服务&#xff0c;无需事先具备机器学习技能&#xff0c;即可轻松集成到任何系统中。CompreFace为人脸识别、人脸验证、人脸检测、里程碑检测、年龄和性别识别提供了REST API&#xff0c;并且易于与docker一起部署。 https://…

基于SSM的教师管理系统

项目技术栈 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;采用HTML和Vue相结合开发 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&…

【车道线检测】FOLOLane解读

文章目录一、概览二、具体阐述1. Introduction2. 模型head介绍(1) Key points estimation--网络第一个head(2) Local geometry construction--网络第二个head3. Network architecture4. Decoder for global geometry(1) Greedy decoder&#xff08;精度高&#xff0c;但是效率低…

事务到底是隔离还是不隔离?

1. 引例 之前我们探讨过可重复读隔离级别下&#xff0c;事务T启动的时候会创建一个视图read-view。在事务T执行期间&#xff0c;即使有其他事务修改了数据&#xff0c;事务T看到的也是跟启动时一样的。 但是上次讲到行锁的时候&#xff0c;当事务T要更新当前行的时候&#xf…

Spring-Framework-ioc-4

1前言 2基本原理 3IOC容器 4Bean 5依赖 5.1依赖注入 5.2自动装配 自动装配&#xff0c;是一种自动化地进行依赖注入的机制&#xff0c;IOC容器使用此机制实现bean之间依赖关系的自动绑定&#xff0c;该机制具有如下的优点&#xff1a; 不需要显式地指定依赖的属性域、构…

基于STC89C52单片机的蔬菜大棚实时温度测量控制系统

目录 摘要 …………………………………………………………………………………I ABSTRACT II 第一章 设计任务及方案分析 1 1.1 设计任务及要求 1 1.2 设计总体方案及方案论证 1 1.3 温度测量的方案与分析 1 1.31芯片选择 1 1.32实现方法简介 2 1.33 方案设计 2 第二章 芯片简介…

Java基础(二):集合、IO流(Zip压缩输入/输出流等)、File文件类、反射、枚举

Java基础&#xff08;一&#xff09;:编译和解释、数据类型、变量作用域、String常用方法、数组、面向对象、异常 Java基础&#xff08;二&#xff09;:集合、IO流(Zip压缩输入/输出流等)、File文件类、反射、枚举 Java异常、继承结构、处理异常、自定义异常、SpringBoot中全…

数据库学习记录2

数据库学习记录1介绍了DDL (Data Definition Language) 数据定义语言。 在数据库学习记录2中&#xff0c;我们介绍常见的数据类型&#xff1b; 主要分为三类&#xff1a;数值类型、字符串类型、日期时间类型。 数值类型 类型大小有符号范围无符号范围描述TINYINT1byte(-128&…

生成模型笔记(七):自回归模型

有鸟止南方之阜&#xff0c;三年不翅&#xff0c;不飞不鸣&#xff0c;嘿然无声&#xff0c;此为何名&#xff1f; 第七部分 深度自回归模型&#xff08;Deep Autoregressive Model&#xff0c; DARM&#xff09; 参考内容 https://jmtomczak.github.io/blog/2/2_ARM.html A…

第二十三:Fiddler抓包教程(23)-Fiddler如何优雅地在正式和测试环境之间来回切换-上篇

一.简介 1.在开发或者测试的过程中&#xff0c;由于项目环境比较多&#xff0c;往往需要来来回回地反复切换&#xff0c;那么如何优雅地切换呢&#xff1f; 二.实际工作场景 1.问题场景 1.1.已发布线上APP出现接口错误&#xff0c;如何测试线上APP访问本地请求&#xff1f;…

QFramework v1.0 使用指南 介绍篇:01. 简介

01. 简介 大家好&#xff0c;我是 QFramework 的作者 凉鞋&#xff0c;QFramework 从第一次代码提交到现在快 7 年了&#xff08;2015 年 12 月 ~ 2022 年 10 月&#xff09;了&#xff0c;而经过了 7 年时间的打磨&#xff0c;我们终于迎来了 v1.0 版本。 此教程&#xff0c…

Macos/linux g++ 安装OpenCV环境

本文前半部分主要翻译官方文档的东西 https://docs.opencv.org/4.x/d0/db2/tutorial_macos_install.html 依赖&#xff1a; CMake 3.9 or higher Git Python 2.7 or later and Numpy 1.5 or later大家都是程序员自己安装一下吧 在 relese 这里下载一下源代码&#xff1a; htt…

第三章:为组件库添加规范【前端工程化入门-----从零实现一个react+ts+vite+tailwindcss组件库】

第三章&#xff1a;为组件库添加规范 本章我们会用 eslint、prettier以及Husky 为组件库添加规范&#xff1b; 前置知识&#xff1a; eslint、prettier和husky各有什么作用&#xff1f; eslint是代码检查工具&#xff0c;你可以配置eslint&#xff0c;然后通过lint命令检测…

打游戏哪款蓝牙耳机好?四款适合打游戏的蓝牙耳机推荐

现在年轻人最离不开的就是手游&#xff0c;蓝牙耳机可谓是手机游戏的最佳搭档&#xff0c;一副好的蓝牙耳机可以为游戏带来很完美的助力&#xff0c;延迟低的蓝牙耳机可以实现更好的游戏体验感&#xff0c;那么接下来推荐四款适合打游戏的蓝牙耳机。 1、南卡小音舱蓝牙耳机 佩…

2022年全国大学生数学建模美赛E题NPP数据获取

今年的数学建模美赛终于开始了&#xff01;令我感到欣喜的是&#xff0c;今年E题竟然和地理遥感专业息息相关。E题是分析生态环境方面的&#xff01;因此&#xff0c;有很多小伙伴来询问咨询如何解决这道题目。有些小伙伴&#xff0c;还咨询如何使用CASA软件来计算NPP数据&…

Flink SQL使用Catalog消费Kafka时,多个Source读取同一主题解决方案

一、Catalog定义 Catalog 提供了元数据信息&#xff0c;例如数据库、表、分区、视图以及数据库或其他外部系统中存储的函数和信息。数据处理最关键的方面之一是管理元数据。 元数据可以是临时的&#xff0c;例如临时表、或者通过 TableEnvironment 注册的 UDF。 元数据也可以是…

apollo在虚拟机下部署遇到的坑

目录问题描述解决方法编译问题总结问题描述 ​   其实在虚拟机下部署apollo网上是有线程教程的。可以参考在虚拟机上安装运行百度Apollo 6.0&#xff0c;Apollo 6.0 安装完全指南。我依靠这两个指南准备部署的是apollo 7.0&#xff0c;事实证明虽然版本不同&#xff0c;但部…

1、6边距复合属性

提示&#xff1a;文章写完后&#xff0c;padding可以有到四个值。 1、语法&#xff1a; div{ padding&#xff1a;“50px”&#xff1b; padding&#xff1a;“5px 10px”&#xff1b; padding&#xff1a;“5px 10px 20px”&#xff1b; padding&#xff1a;“5…

flex竖排列元素排列方向

flex竖排列元素排列方向一、flex-direction: (元素排列方向) ※ flex-direction:row (横向从左到右排列==左对齐)※ flex-direction:row-reverse (与row 相反)※ flex-direction:column (从上往下排列==顶对齐)※ flex-direction:column-reverse (与column 相反) 二…