﻿<!doctype html>
<html lang="cn">
<head>
    <title>济南h5制作中音视频与直播模块的嵌入设置技巧-济南多荣多科技</title>
    <meta name="keywords" content="济南h5制作" />
    <meta name="description" content="在H5页面开发中，音视频播放与直播功能的嵌入是提升页面互动性的常用手段。济南h5制作团队在实际项目中总结了一套模块化的设置方法，帮助技术员在有限的页面空间内高效集成多媒体功能。" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait" />
    <link rel="icon" href="/logo.ico" mce_href="/logo.ico" type="image/x-icon" />
    <meta name="Robots" contect="nofollow">
    <meta name="revisit-after" CONTENT="3 days" >
    <meta name="Author" Content="济南多荣多网络科技有限公司，liujunlei@net532.net"> 
    <meta name="Copyright" Content="本页版权归济南多荣多网络科技有限公司所有。">
    <link rel="canonical" href="https://www.jndrdrj.com/knowledge_base/news80.html" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="济南h5制作中音视频与直播模块的嵌入设置技巧" />
    <meta property="og:author" content="济南多荣多网络科技有限公司" />
    <meta property="og:image" content="https://www.jndrdrj.com/esimg/img/drd-logo.png" />
    <meta property="og:url" content="https://www.jndrdrj.com/knowledge_base/news80.html" />
    <meta property="og:site_name" content="济南多荣多科技网站" />
    <meta property="og:tag" content="济南h5制作">
    <meta property="og:description" content="在H5页面开发中，音视频播放与直播功能的嵌入是提升页面互动性的常用手段。济南h5制作团队在实际项目中总结了一套模块化的设置方法，帮助技术员在有限的页面空间内高效集成多媒体功能。" />
    <link rel="stylesheet" type="text/css" href="https://www.jndrdrj.com/escss/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="https://www.jndrdrj.com/escss/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="https://www.jndrdrj.com/escss/overall.css" />
    <link rel="stylesheet" type="text/css" href="https://www.jndrdrj.com/escss/eshine-superAnimation.css" />
    <link rel="stylesheet" type="text/css" href="https://www.jndrdrj.com/escss/main.css" />
    <link rel="stylesheet" type="text/css" href="https://www.jndrdrj.com/escss/index.css" />
    <script type="text/javascript" src="https://www.jndrdrj.com/esjs/jquery-3.7.1.min.js"></script>
    <script type="text/javascript" src="https://www.jndrdrj.com/esjs/swiper.min.js"></script>
    <script type="text/javascript" src="https://www.jndrdrj.com/esjs/scrollReveal.js"></script>
    <script type="text/javascript" src="https://www.jndrdrj.com/esjs/main.js"></script>
    <script type="text/javascript" src="https://www.jndrdrj.com/esjs/main-swiper.js"></script>
    <script type="text/javascript" src="https://www.jndrdrj.com/esjs/gsap.js"></script>
    <script type="text/javascript" src="https://www.jndrdrj.com/esjs/scrollTrigger.js"></script>
    <script type="text/javascript" src="https://www.jndrdrj.com/esjs/submitVerification.js"></script>
    
</head>
<body class="public-body">
    <header class="header-main-box">
      <div class="header-top-box pc">
        <div class="header-top-title font-size-14">
          济南多荣多科技提供提供济南APP开发,小程序开发,软件开发,H5开发等多项服务内容
        </div>
        <div class="header-top-link font-size-14">
          <p>创建行业一流的品牌企业</p>
          |
          <p>热线：400-622-6167</p>
          |
          <a href="https://www.jndrdrj.com/sitemap.html">网站地图</a>
        </div>
      </div>
      <div class="header-flex-box">
        <a href="https://www.jndrdrj.com" class="header-center-logo">
          <img src="https://www.jndrdrj.com/esimg/icon/header-logo.png" alt="logo" />
        </a>

        <div class="header-center-box">
          <nav class="header-nav-box">
            <div class="header-wap-close wap"></div>
            <div class="header-nav-item">
<a href="https://www.jndrdrj.com/index.html" title="济南APP开发-小程序开发-软件开发-H5开发" class="header-nav-title font-size-18">首页</a>
</div>
<div class="header-nav-item">
<a href="https://www.jndrdrj.com/app_dev.html" title="济南专业APP开发服务-定制化开发解决方案" class="header-nav-title font-size-18">App开发</a>
</div>
<div class="header-nav-item">
<a href="https://www.jndrdrj.com/mini_program_dev.html" title="济南小程序开发技术支持-一站式解决方案" class="header-nav-title font-size-18">小程序开发</a>
</div>
<div class="header-nav-item">
<a href="https://www.jndrdrj.com/software_dev.html" title="济南定制软件开发服务-优质高效解决方案" class="header-nav-title font-size-18">软件开发</a>
</div>
<div class="header-nav-item">
<a href="https://www.jndrdrj.com/h5_dev.html" title="济南专业H5开发服务-定制化解决方案" class="header-nav-title font-size-18">H5开发</a>
</div>
<div class="header-nav-item">
<a href="https://www.jndrdrj.com/meeting_mgt_sys.html" title="济南企业会议管理系统-高效、安全、智能" class="header-nav-title font-size-18">软件产品</a>
<div class="header-nav-section font-size-16">
<a href="https://www.jndrdrj.com/meeting_mgt_sys.html" title="济南企业会议管理系统-高效、安全、智能" class="header-nav-text">会议管理系统</a>
<a href="https://www.jndrdrj.com/group_buying_sys.html" title="济南团购系统软件定制开发" class="header-nav-text">团购系统</a>
<a href="https://www.jndrdrj.com/mini_program_mall.html" title="济南小程序商城开发服务-高效搭建电商平台" class="header-nav-text">小程序商城</a>
<a href="https://www.jndrdrj.com/intelli_office_sys.html" title="济南智能办公系统-高效协同办公体验" class="header-nav-text">智能办公系统</a>
<a href="https://www.jndrdrj.com/expert_think_tank_sys.html" title="济南专家智库系统-企业知识管理首选" class="header-nav-text">专家智库系统</a>
</div>
</div>
<div class="header-nav-item">
<a href="https://www.jndrdrj.com/app_dev_case/" title="济南APP开发案例分享-专业APP开发服务" class="header-nav-title font-size-18">成功案例</a>
<div class="header-nav-section font-size-16">
<a href="https://www.jndrdrj.com/app_dev_case/" title="济南APP开发案例分享-专业APP开发服务" class="header-nav-text">APP开发</a>
<a href="https://www.jndrdrj.com/mini_program_dev_case/" title="济南小程序开发案例展示-专业小程序开发服务" class="header-nav-text">小程序开发</a>
<a href="https://www.jndrdrj.com/software_dev_case/" title="济南软件开发案例分析-助力企业数字化转型" class="header-nav-text">软件开发</a>
<a href="https://www.jndrdrj.com/h_dev_case/" title="济南H5开发案例合集-精准营销引爆流量" class="header-nav-text">H5开发</a>
<a href="https://www.jndrdrj.com/software_prod_case/" title="济南软件产品开发服务-企业定制解决方案" class="header-nav-text">软件产品</a>
</div>
</div>
<div class="header-nav-item header-nav-on">
<a href="https://www.jndrdrj.com/industry_news/" title="济南开发APP服务-专业高效的APP制作公司" class="header-nav-title font-size-18">新闻动态</a>
<div class="header-nav-section font-size-16">
<a href="https://www.jndrdrj.com/industry_news/" title="济南开发APP服务-专业高效的APP制作公司" class="header-nav-text">行业资讯</a>
<a href="https://www.jndrdrj.com/company_news/" title="济南开发小程序服务-定制解决方案" class="header-nav-text">公司新闻</a>
<a href="https://www.jndrdrj.com/knowledge_base/list2-1.html" title="" class="header-nav-text">知识百科</a>
</div>
</div>
<div class="header-nav-item">
<a href="https://www.jndrdrj.com/about.html" title="济南软件开发公司-高效软件开发团队" class="header-nav-title font-size-18">关于多荣多</a>
<div class="header-nav-section font-size-16">
<a href="https://www.jndrdrj.com/about.html#about" title="" class="header-nav-text">企业介绍</a>
<a href="https://www.jndrdrj.com/about.html#serve" title="" class="header-nav-text">服务项目</a>
<a href="https://www.jndrdrj.com/about.html#advantages" title="" class="header-nav-text">企业优势</a>
<a href="https://www.jndrdrj.com/about.html#culture" title="" class="header-nav-text">企业文化</a>
</div>
</div>
<div class="header-nav-item">
<a href="https://www.jndrdrj.com/contact.html" title="济南软件开发公司-专业定制开发服务" class="header-nav-title font-size-18">联系多荣多</a>
</div>

          </nav>
          <div class="header-main-right wap">
            <div class="header-wap-show"></div>
          </div>
        </div>
      </div>
    </header>
   <div class="public-banner-box">
      <img src="https://www.jndrdrj.com/esimg/img/6-0banner.png" alt="Banner" class="public-banner-img pc" />
      <img src="https://www.jndrdrj.com/esimg/img/6-0banner-sj.png" alt="Banner" class="public-banner-img wap" />
      <div class="product-banenr-main">
        <p class="product-banenr-title">新闻动态</p>
        <p class="product-banenr-text font-size-24">致力提供新的数字化资讯     让互联网信息更快更可读</p>
      </div>
      <div class="product-banenr-main">
        <div class="index-case-tabs newlist-banenr-tabs">
          <a class="index-case-tab font-size-18" href="https://www.jndrdrj.com/industry_news/" title="济南开发APP服务-专业高效的APP制作公司">行业资讯</a>
<a class="index-case-tab font-size-18" href="https://www.jndrdrj.com/company_news/" title="济南开发小程序服务-定制解决方案">公司新闻</a>
<a class="index-case-tab index-case-on font-size-18" href="https://www.jndrdrj.com/knowledge_base/list2-1.html" title="">知识百科</a>

        </div>
      </div>
      <div class="public-banner-text">
        <div class="public-banner-keyword font-size-14 pc">
          <p>热门关键词：</p>
          <a href="https://www.jndrdrj.com/app_dev.html" title="济南APP开发">济南APP开发</a><a href="https://www.jndrdrj.com/mini_program_dev.html" title="济南小程序开发">济南小程序开发</a><a href="https://www.jndrdrj.com/software_dev.html" title="济南软件开发">济南软件开发</a><a href="https://www.jndrdrj.com/h5_dev.html" title="济南H5开发">济南H5开发</a>
        </div>
        <div class="public-banner-crumbs font-size-14 pc">
          <p>位置：</p>
          <a href="https://www.jndrdrj.com" class="public-banner-crumb">首页</a>
          <a href="https://www.jndrdrj.com/industry_news/" class="public-banner-crumb">新闻动态</a>
          <a href="https://www.jndrdrj.com/knowledge_base/list2-1.html" class="public-banner-crumb">知识百科</a>
          <a href="https://www.jndrdrj.com/knowledge_base/news80.html" class="public-banner-crumb">济南h5制作中音视频与直播模块的嵌入设置技巧</a>
        </div>
      </div>
    </div>
    <section class="news-info-box main-center">
      <div class="news-info-left">
        <h1 class="news-info-title font-size-30">济南h5制作中音视频与直播模块的嵌入设置技巧</h1>
        <div class="news-info-flex">
          <div class="news-info-lable news-info-date font-size-18">2026.07.02</div>
          <div class="news-info-lable news-info-by font-size-18">济南h5制作</div>
        </div>
        <div class="news-info-content font-size-18">
          <p>　　在H5页面开发中，音视频播放与直播功能的嵌入是提升页面互动性的常用手段。<a href="https://www.jndrdrj.com/" target="_self" title="济南h5制作"><strong>济南h5制作</strong></a>团队在实际项目中总结了一套模块化的设置方法，帮助技术员在有限的页面空间内高效集成多媒体功能。</p><p>　　音视频嵌入的核心在于格式兼容性与加载效率。济南h5制作在处理音视频模块时，通常采用HTML5原生video与audio标签作为基础方案，配合hls协议实现流媒体播放。对于不同浏览器的解码差异，开发团队会准备多套编码格式的源文件，确保播放流畅不卡顿。音频模块则通过Web         Audio API控制播放节奏与音量调节，避免自动播放策略触发浏览器限制。</p><p>　　直播模块的设置相对复杂，需要兼顾推流端与拉流端的协同工作。济南h5制作在直播嵌入中常用RTMP转HLS或WebRTC两种技术路线，前者适用于低延迟场景，后者则在互动直播中表现更稳定。模块初始化时需配置服务器地址、房间ID与鉴权信息，技术则在代码中预留参数接口，方便运营人员在后台动态调整直播内容。</p><p>　　页面布局方面，音视频与直播模块的尺寸需根据手机屏幕适配规则进行计算。济南h5制作通常将视频播放器宽度设为屏幕宽度的100%，高度按16:9或4:3比例自适应，直播窗口则采用画中画模式，避免遮挡主要操作区域。加载状态的提示设计也需要考虑，使用骨架屏或进度条让用户了解内容加载进度。</p><p>　　性能优化是济南h5制作在多媒体模块开发中不可忽略的环节。视频预加载策略需根据网络环境动态调整，弱网环境下自动切换为低码率流，减少缓冲时间。直播模块的心跳检测机制可及时发现推流中断并自动重连，保障观看体验的连贯性。</p><p>　　济南h5制作通过格式适配、技术选型、布局计算与性能调优四个维度的系统配合，为H5页面的音视频与直播功能提供了可落地的设置方案。这套方法将技术实现与用户体验相结合，使多媒体模块在H5页面中稳定运行，满足内容展示与实时互动的双重需求。</p><p>　　济南多荣多以专业化的咨询规划、实施交付、系统开发、技术攻坚及生态资源整合能力，构筑起多方位、多层次的服务保障体系，专注为客户提供更智能、更可靠的软件开发服务，主要业务APP开发、小程序开发、H5开发、软件产品(智能化办公系统、小程序商城、团购系统、会议管理系统、专家智库系统等)。想要了解更多关于济南h5制作的信息，欢迎您致电询问。</p><p>　　24小时热线：400-622-6167</p><p>　　咨询热线：186-1532-8766(刘总)</p><p>　　网址：www.jndrdrj.com</p><p>　　邮箱：liujunlei@net532.net</p><p>　　地址：济南市天桥区蓝翔路57号4号楼411室</p><p>　　总部：青岛市市南区百盛商业大厦37楼</p><p><br/></p>
        </div>
        <div class="news-info-img">
          <img src="https://www.jndrdrj.com/esimg/img/news-info-img.png" alt="电话" class="pc" />
          <img src="https://www.jndrdrj.com/esimg/img/news-info-img-wap.png" alt="电话" class="wap" />
        </div>
        <div class="news-info-keyword font-size-18">
          <p>本文关键词：</p>
          <a href="https://www.jndrdrj.com/knowledge_base/news80.html" title="济南h5制作">济南h5制作</a>

        </div>
        <div class="news-info-bottom">
          <div class="news-bottom-left">
            <a href="https://www.jndrdrj.com/knowledge_base/ruanjiankaifa79.html" title="济南配送软件开发：同城配送基础运行机制" class="news-bottom-link font-size-18">上一篇：济南配送软件开发：同城配送基础运行机制</a>

            <a rel="nofollow" class="news-bottom-link font-size-18">下一篇：无</a>

          </div>
          <a href="https://www.jndrdrj.com/knowledge_base/list2-1.html" class="news-bottom-return"></a>
        </div>
      </div>
      <div class="news-info-right" >
        <p class="news-right-name font-size-30">最新资讯</p>
        <div class="news-right-list">
          <a href="https://www.jndrdrj.com/knowledge_base/news80.html" title="济南h5制作中音视频与直播模块的嵌入设置技巧" class="news-right-item">
<h5 class="news-right-title font-size-20">济南h5制作中音视频与直播模块的嵌入设置技巧</h5>
<p class="news-right-date font-size-18">2026.07.02</p>
</a>
<a href="https://www.jndrdrj.com/knowledge_base/ruanjiankaifa79.html" title="济南配送软件开发：同城配送基础运行机制" class="news-right-item">
<h5 class="news-right-title font-size-20">济南配送软件开发：同城配送基础运行机制</h5>
<p class="news-right-date font-size-18">2026.07.01</p>
</a>
<a href="https://www.jndrdrj.com/knowledge_base/xiaochengxukaifa78.html" title="济南保洁小程序开发如何构建高效预约流程" class="news-right-item">
<h5 class="news-right-title font-size-20">济南保洁小程序开发如何构建高效预约流程？</h5>
<p class="news-right-date font-size-18">2026.06.30</p>
</a>
<a href="https://www.jndrdrj.com/knowledge_base/appkaifa77.html" title="济南开发企业app前需求分析与目标定位要点" class="news-right-item">
<h5 class="news-right-title font-size-20">济南开发企业app前需求分析与目标定位要点</h5>
<p class="news-right-date font-size-18">2026.06.29</p>
</a>

        </div>
      </div>
    </section>     <section class="public-contact-box main-center">
      <div class="public-contact-main">
        <div class="index-case-header">
          <div class="public-title-box public-title-left">
            <h2 class="public-title font-size-40">联系我们</h2>
            <p class="public-title-text font-size-16">在线留言，免费获取营销解决方案</p>
          </div>
          <div class="public-contact-flex">
            <div class="public-contact-item">
              <img src="https://www.jndrdrj.com/esimg/icon/address-icon.png" alt="地址" class="public-contact-icon" />
              <div class="public-contact-cont">
                <h5 class="public-contact-name font-size-16">联系地址</h5>
                <p class="public-contact-text font-size-16">济南市天桥区蓝翔路57号4号楼411室</p>
              </div>
            </div>
            <div class="public-contact-item">
              <img src="https://www.jndrdrj.com/esimg/icon/service-icon.png" alt="热线" class="public-contact-icon" />
              <div class="public-contact-cont">
                <h5 class="public-contact-name font-size-16">服务热线</h5>
                <p class="public-contact-text font-size-16">400-622-6167</p>
              </div>
            </div>
            <div class="public-contact-item">
              <img src="https://www.jndrdrj.com/esimg/icon/mail-icon.png" alt="邮箱" class="public-contact-icon" />
              <div class="public-contact-cont">
                <h5 class="public-contact-name font-size-16">公司邮箱</h5>
                <p class="public-contact-text font-size-16">liujunlei@net532.net</p>
              </div>
            </div>
          </div>
        </div>
        <form id="form1" method="post" action="/message/ly_ok.aspx" class="public-contact-form">
          <div class="contact-form-item">
            <input name="mename" id="mename" maxlength="10" type="text" class="contact-form-input font-size-16" placeholder="姓名" />
          </div>
          <div class="contact-form-item">
            <input name="tel" id="tel" maxlength="11" type="text" class="contact-form-input font-size-16" placeholder="电话" />
          </div>
          <div class="contact-form-item">
            <input name="email" id="email" maxlength="50" type="text" class="contact-form-input font-size-16" placeholder="邮箱" />
          </div>
          <div class="contact-form-item">
            <input name="VerifyCode2" id="VerifyCode2" maxlength="4" type="text" class="contact-form-input font-size-16" placeholder="验证码" />
            <div class="contact-form-codes">
              <div class="contact-form-code">
                <img  src="/ValidateNum.aspx" id="Image1" alt="验证码" />
              </div>
              <div class="contact-form-refresh">
                <img src="https://www.jndrdrj.com/esimg/icon/code-refresh.png" onclick="javascript:change();" alt="换一张" />
              </div>
            </div>
          </div>
          <div class="contact-form-item contact-form-item-plus">
            <input name="body" id="body" maxlength="100" type="text" class="contact-form-input font-size-16" placeholder="留言" />
            <button class="public-btn contact-form-btn font-size-18" type="submit">查看更多</button>
          </div>
        </form>
      </div>
    </section>
    <footer class="public-footer-box">
      <div class="index-process-line">
        <div class="index-process-line-animate"></div>
      </div>
      <div class="main-center">
        <div class="public-footer-top">
          <div class="public-footer-left">
            <img src="https://www.jndrdrj.com/esimg/icon/foot-logo.png" alt="logo" class="public-footer-logo" />
            <p class="public-footer-phone font-size-30">400-622-6167</p>
            <p class="public-footer-phone-name font-size-16">咨询热线</p>
          </div>
          <div class="public-footer-menu pc">
            <div class="footer-menu-item">
<a href="https://www.jndrdrj.com/app_dev.html" class="footer-menu-title font-size-20">服务项目</a>
<div class="footer-menu-ul">
<a href="https://www.jndrdrj.com/app_dev.html" class="footer-menu-li font-size-16">App开发</a>
<a href="https://www.jndrdrj.com/mini_program_dev.html" class="footer-menu-li font-size-16">小程序开发</a>
<a href="https://www.jndrdrj.com/software_dev.html" class="footer-menu-li font-size-16">软件开发</a>
<a href="https://www.jndrdrj.com/h5_dev.html" class="footer-menu-li font-size-16">H5开发</a>
<a href="https://www.jndrdrj.com/meeting_mgt_sys .html" class="footer-menu-li font-size-16">软件产品</a>
</div>
</div>
<div class="footer-menu-item">
<a href="https://www.jndrdrj.com/app_dev_case/" class="footer-menu-title font-size-20">成功案例</a>
<div class="footer-menu-ul">
<a href="https://www.jndrdrj.com/app_dev_case/" class="footer-menu-li font-size-16">APP开发</a>
<a href="https://www.jndrdrj.com/mini_program_dev_case/" class="footer-menu-li font-size-16">小程序开发</a>
<a href="https://www.jndrdrj.com/software_dev_case/" class="footer-menu-li font-size-16">软件开发</a>
<a href="https://www.jndrdrj.com/h_dev_case/" class="footer-menu-li font-size-16">H5开发</a>
<a href="https://www.jndrdrj.com/software_prod_case/" class="footer-menu-li font-size-16">软件产品</a>
</div>
</div>
<div class="footer-menu-item">
<a href="https://www.jndrdrj.com/industry_news/" class="footer-menu-title font-size-20">新闻动态</a>
<div class="footer-menu-ul">
<a href="https://www.jndrdrj.com/industry_news/" class="footer-menu-li font-size-16">行业资讯</a>
<a href="https://www.jndrdrj.com/company_news/" class="footer-menu-li font-size-16">公司新闻</a>
<a href="https://www.jndrdrj.com/knowledge_base/list2-1.html" class="footer-menu-li font-size-16">知识百科</a>
</div>
</div>
<div class="footer-menu-item">
<a href="https://www.jndrdrj.com/about.html" class="footer-menu-title font-size-20">关于多荣多</a>
<div class="footer-menu-ul">
<a href="https://www.jndrdrj.com/about.html#about" class="footer-menu-li font-size-16">企业介绍</a>
<a href="https://www.jndrdrj.com/about.html#serve" class="footer-menu-li font-size-16">服务项目</a>
<a href="https://www.jndrdrj.com/about.html#advantages" class="footer-menu-li font-size-16">企业优势</a>
<a href="https://www.jndrdrj.com/about.html#culture" class="footer-menu-li font-size-16">企业文化</a>
<a href="https://www.jndrdrj.com/contact.html" class="footer-menu-li font-size-16">联系多荣多</a>
</div>
</div>

          </div>
          <div class="public-footer-right">
            <img src="/esimg/icon/wechat-img.png" alt="二维码" class="public-footer-wechat" />
          </div>
        </div>
      </div>
      <div class="public-footer-bottom font-size-14">
        <div class="main-center">
          <div class="footer-bottom-left">
            <p>版权所有©济南多荣多网络科技有限公司</p>
            <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">鲁ICP备2026000424号-4</a>
            
          </div>
          <div class="footer-bottom-right">
            <a href="http://www.net532.net/" target="_blank">网站建设</a>
            <p>：</p>
            <a href="http://www.net532.net/" target="_blank">一瞬网络</a>
          </div>
        </div>
      </div>
    </footer>
    <div class="suspension-box pc animate__animated animate__flash">
      <div class="suspension-content-max">
        <div class="suspension-content-box suspension-content-top">
          <img src="https://www.jndrdrj.com/esimg/icon/icon_customer_hot.png" alt="热线" class="suspension-content-icon" />
          <p class="suspension-content-name font-size-14">咨询热线</p>
          <div class="suspension-content-info">
            <div class="suspension-content-text">
              <p class="suspension-content-by font-size-14">咨询热线</p>
              <p class="suspension-content-decs font-size-18">186 1532 8766</p>
            </div>
          </div>
        </div>

        <div class="suspension-content-box">
          <img src="https://www.jndrdrj.com/esimg/icon/icon_customer_wechat.png" alt="微信" class="suspension-content-icon" />
          <p class="suspension-content-name font-size-14">微信</p>
          <div class="suspension-content-info suspension-content-qr">
            <img src="/esimg/icon/footer_erweima.png" alt="二维码" class="suspension-content-qr-code" />
            <div class="suspension-content-qr-name">扫一扫</div>
          </div>
        </div>

        <div class="suspension-content-box suspension-content-bottom" id="pup-top">
          <img src="https://www.jndrdrj.com/esimg/icon/icon_customer_top.png" alt="返回顶部" class="suspension-content-icon" />
        </div>
      </div>
    </div>
    <div class="wap-tab-box wap">
      <a href="https://www.jndrdrj.com" class="wap-tab-item wap-tab-on">
        <img src="https://www.jndrdrj.com/esimg/icon/sj_icon1.png" alt="首页" class="wap-tab-icon" />
        <p class="wap-tab-name font-size-16">首页</p>
      </a>
      <a href="https://www.jndrdrj.com/app_dev.html" class="wap-tab-item">
        <img src="https://www.jndrdrj.com/esimg/icon/sj_icon2.png" alt="服务" class="wap-tab-icon" />
        <p class="wap-tab-name font-size-16">服务</p>
      </a>
      <a href="tel:186 1532 8766" class="footer-wap-item footer-wap-center">
        <img src="https://www.jndrdrj.com/esimg/icon/sj_phone.png" alt="电话" class="footer-wap-phone" />
      </a>
      <a href="https://www.jndrdrj.com/about.html" class="wap-tab-item">
        <img src="https://www.jndrdrj.com/esimg/icon/sj_icon3.png" alt="关于" class="wap-tab-icon" />
        <p class="wap-tab-name font-size-16">关于</p>
      </a>
      <a href="https://www.jndrdrj.com/contact.html" class="wap-tab-item">
        <img src="https://www.jndrdrj.com/esimg/icon/sj_icon4.png" alt="联系" class="wap-tab-icon" />
        <p class="wap-tab-name font-size-16">联系</p>
      </a>
    </div>
    </body>
  </html>