add

public/static/video/index.css

@@ -0,0 +1,194 @@
+ul,
+li,
+ol {
+    list-style: none;
+}
+
+.clearfix:before,
+.clearfix:after {
+    content: "";
+    display: table;
+}
+
+.clearfix:after {
+    clear: both;
+    overflow: hidden;
+}
+
+.clearfix {
+    zoom: 1;
+}
+
+
+.w1200 {
+    width: 1200px;
+    margin: 0 auto;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+}
+
+/* btn */
+
+.down-btn {
+    width: 280px;
+    display: block;
+    background: linear-gradient(-90deg, rgba(85, 113, 255, 1), rgba(21, 87, 255, 1));
+    background: #1557FF;
+    font-size: 0;
+    text-align: center;
+    box-shadow: 0px 5px 24px 0px rgba(255, 255, 255, 0.1);
+    border-radius: 6px;
+}
+
+.down-btn span {
+    display: inline-block;
+    line-height: 60px;
+    color: #fff;
+    font-size: 20px;
+}
+
+.down-btn:hover {
+    background: #527EFF;
+}
+
+.down-btn:active {
+    background: #2C35DC;
+}
+
+
+/*  */
+
+.index-line-center {
+    padding: 60px 0 80px;
+}
+
+.index-line-center>h2 {
+    font-size: 34px;
+    color: #333333;
+    text-align: center;
+    line-height: 1;
+    padding-bottom: 36px;
+    position: relative;
+}
+
+.index-line-center>h2::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    width: 100px;
+    height: 4px;
+    background: #358CFF;
+    left: 50%;
+    margin-left: -50px;
+}
+
+
+#dian {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    z-index: 1;
+}
+
+#dian1 {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    z-index: 1;
+}
+
+.js-canvas-box {
+    position: relative;
+}
+
+.canvas-br {
+    position: relative;
+    z-index: 2;
+}
+
+.function-ctt img {
+    display: block;
+    margin: 0 auto;
+}
+
+.function-ctt h3 {
+    text-align: center;
+    font-size: 22px;
+    color: #666666;
+    margin-top: 12px;
+    line-height: 1;
+}
+
+.function-ctt p {
+    text-align: center;
+    font-size: 12px;
+    color: #999999;
+    margin-top: 18px;
+    line-height: 2;
+}
+
+.function-ctt:hover {
+    background: rgba(144, 186, 255, .11);
+}
+
+.index-img-text {
+    padding: 95px 0;
+}
+
+.index-text {
+    width: 50%;
+    float: left;
+    padding-top: 74px;
+}
+
+.index-text>div h3 {
+    font-size: 30px;
+    color: #333333;
+    line-height: 1.5;
+}
+
+.index-text>div p {
+    font-size: 14px;
+    color: #666666;
+    line-height: 1.8;
+    margin-top: 30px;
+    margin-bottom: 35px;
+}
+
+.index-img {
+    float: left;
+    width: 50%;
+}
+
+.index-img img {
+    box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.1);
+}
+
+.function-list {
+    margin-top: 35px;
+}
+
+.function-list li {
+    width: 18.6%;
+    float: left;
+}
+
+.function-list li+li {
+    margin-left: 1.75%;
+}
+
+.function-ctt {
+    padding: 22px 18px 40px;
+    background: #fff;
+    box-shadow: 0px 7px 43px 0px rgba(228, 237, 251, 0.6);
+}
+
+.function-ctt img {
+    display: block;
+    margin: 0 auto;
+}

resources/views/home/http/softvideo.blade.php

@@ -5,6 +5,8 @@
     @include('home.http.common.head')
     <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
     <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
+    <link href="/static/audio/audio.css" rel="stylesheet" type="text/css">
+    <link href="/static/video/index.css" rel="stylesheet" type="text/css">
     <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
     <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
     <script type="text/javascript" src="/static/js/babel.min.js"></script>
@@ -75,127 +77,229 @@
         <div class="index-banner head">
             <div class="w1024">
                 <div class="logolay">
-                    <img src="/static/ebook/icon.png" style="width: auto;">
+                    <img src="/static/video/icon.png" style="width: auto;">
                     <span>星优办公软件</span>
                 </div>
                 <div class="nav-ebook">
                     <ul class="nav-ebook-link js-down">
                         <li>
-                            <a class="js-down">电子书转PDF</a>
+                            <a class="js-down">格式转换</a>
                         </li>
                         <li>
-                            <a class="js-down">电子书转Word</a>
+                            <a class="js-down">视频压缩</a>
                         </li>
                         <li>
-                            <a class="js-down">电子书转TXT</a>
+                            <a class="js-down">视频合并</a>
                         </li>
                         <li>
-                            <a class="js-down">文件转电子书</a>
+                            <a class="js-down">视频变速</a>
+                        </li>
+                        <li>
+                            <a class="js-down">音量调整</a>
                         </li>
                     </ul>
                 </div>
 
                 <div class="leftword">
-                    <h1>星优电子书助手</h1>
-                    <p class="word1">电子书转PDF、电子书转Word<br>电子书转TXT、文件转电子书<br>支持各种文件批量添加处理，一键高效处理
-                        <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYEbook/XYEbook_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
+                    <h1>星优视频处理器</h1>
+                    <p class="word1">视频格式转换、视频压缩<br>视频合并、视频倒放、视频变速<br>一键式拖拽文件到软件中，批量转换效率更高
+                        <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYVideo/XYVideo_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
                     </p>
-                    <p class="word2">版本号：v1.2.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小：1.56MB</p>
-                    <p class="word2">更新时间：2024-03-21 &nbsp;适合系统：Win8/Win10/Win11</p>
+                    <p class="word2">版本号：v2.1.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小：1.56MB</p>
+                    <p class="word2">更新时间：2024-05-20 &nbsp;适合系统：Win7/Win10/Win11</p>
                 </div>
-                <img class="rightgif" src="/static/ebook/1.png">
+                <img class="rightgif" src="/static/video/1.jpg">
             </div>
         </div>
 
+        <div class="index-line">
+            <div class="w1200 index-line-center">
+                <h1 class="common-h1" style="padding: 80px 0"><img src="/static/audio/t-bg.png" alt="">八大核心功能</h1>
+                <ul class="core-list clearfix">
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/video/a-geshi.png" alt="">
+                                <h3>视频格式转换</h3>
+                                <p>
+                                    支持20种视频格式向MP3、WAV<br>FLAC、ACC、OGG等主流格式转换
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/video/a-hebing.png" alt="">
+                                <h3>视频合并功能</h3>
+                                <p>
+                                    将多个视频合成为一个完整视频，也可将剪切好的多个视频合成一个视频
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/video/a-yasuo.png" alt="">
+                                <h3>视频压缩功能</h3>
+                                <p>
+                                    可根据视频的码率等参数来快速的压缩视频的大小
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/video/a-xiaoyin.png" alt="">
+                                <h3>视频消音功能</h3>
+                                <p>
+                                    一键消除视频声音，只保留原视频流信息，批量处理更快捷
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
+
+                <ul class="core-list clearfix">
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/video/a-biansu.png" alt="">
+                                <h3>视频变速</h3>
+                                <p>
+                                    可以调节视频的速度，根据用户需求自行调整视频的播放速度
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/video/a-yinliang.png" alt="">
+                                <h3>音量调整</h3>
+                                <p>
+                                    调整视频的音量大小，相应的放大视频文件的音量或缩小
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/video/a-gif.png" alt="">
+                                <h3>视频转GIF</h3>
+                                <p>
+                                    可以将视频转成GIF图片，根据自己需要的时长来选择转换
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/video/a-yinpin.png" alt="">
+                                <h3>视频提取</h3>
+                                <p>
+                                    可以提取mp4，avi等多种视频格式的中的视频，方便后续的使用
+                                </p>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
 
-        <div id="index-skill" class="conbox w">
-            <div class="container">
-                <h2 class="contit">支持转换格式</h2>
-                <div class="skill-box flex flex-between">
-                    <dl class="skill" style="background: #ff59ac">
-                        <dt><img src="/static/ebook/icon-16.png" alt=""></dt>
-                        <dd>pdf转epub</dd>
-                    </dl>
-                    <dl class="skill" style="background: #ff7919">
-                        <dt><img src="/static/ebook/icon-17.png" alt=""></dt>
-                        <dd>epub转pdf</dd>
-                    </dl>
-                    <dl class="skill" style="background: #ff5975">
-                        <dt><img src="/static/ebook/icon-08.png" alt=""></dt>
-                        <dd>电子书转Word</dd>
-                    </dl>
-                    <dl class="skill" style="background: #00b073">
-                        <dt><img src="/static/ebook/icon-09.png" alt=""></dt>
-                        <dd>电子书转PDF</dd>
-                    </dl>
-                    <dl class="skill" style="background: #f27a3b">
-                        <dt><img src="/static/ebook/icon-10.png" alt=""></dt>
-                        <dd>PDF转电子书</dd>
-                    </dl>
-                    <dl class="skill" style="background: #0094b0">
-                        <dt><img src="/static/ebook/icon-07.png" alt=""></dt>
-                        <dd>TXT转电子书</dd>
-                    </dl>
-                    <dl class="skill" style="background: #b0009f">
-                        <dt><img src="/static/ebook/icon-06.png" alt=""></dt>
-                        <dd>MOBI转PDF</dd>
-                    </dl>
-                    <dl class="skill" style="background: #00cc44">
-                        <dt><img src="/static/ebook/icon-12.png" alt=""></dt>
-                        <dd>更多</dd>
-                    </dl>
-                </div>
             </div>
         </div>
 
 
-        <div class="eboox">
-            <h2 class="titleh2css">
-                <span>格式转换操作指南</span>
-            </h2>
-            <h3>为了您能够快速了解并且使用该软件，请您详细阅读操作指南</h3>
-            <div class="ebooxbanner">
-                <div class="ebooxleft">
-                    <div class="ebooxitem">
-                        <i></i>
-                        <div class="emsg">
-                            <h2>01.运行软件</h2>
-                            <p>在电脑中安装星优电子书助手并运行该软件
-                            </p>
+        <div class="index-line">
+            <div class="w1200 index-line-center">
+                <h2>性能卓越 流畅体验</h2>
+                <ul class="function-list clearfix">
+                    <li>
+                        <div class="function-ctt">
+                            <img src="/static/video/tese1.png" alt="">
+                            <h3>操作简单</h3>
+                            <p>一键式拖拽上传视频，一键式操作转换视频，两步完成视频转换</p>
                         </div>
-                    </div>
-                    <div class="ebooxitem">
-                        <i></i>
-                        <div class="emsg">
-                            <h2>02.选择功能</h2>
-                            <p>选择进入'EPUB转PDF'、'EPUB转Word'等功能</p>
+                    </li>
+                    <li>
+                        <div class="function-ctt">
+                            <img src="/static/video/tese2.png" alt="">
+                            <h3>功能丰富</h3>
+                            <p>支持多种视频格式互相转换，同时提供视频合并、提取、转GIF</p>
                         </div>
-                    </div>
-                    <div class="ebooxitem">
-                        <i></i>
-                        <div class="emsg">
-                            <h2>03.添加文件</h2>
-                            <p>点击按钮添加转换的文件，或通过添加目录的方式导入</p>
+                    </li>
+                    <li>
+                        <div class="function-ctt">
+                            <img src="/static/video/tese3.png" alt="">
+                            <h3>清晰流畅</h3>
+                            <p>自定义选择视频画质分辨率，令视频清晰流畅无卡顿、不丢帧</p>
                         </div>
-                    </div>
-                    <div class="ebooxitem">
-                        <i></i>
-                        <div class="emsg">
-                            <h2>04.转换及保存</h2>
-                            <p>点击【开始转换】，可到【输出目录】中查看结果文件
+
+                    </li>
+                    <li>
+                        <div class="function-ctt">
+                            <img src="/static/video/tese4.png" alt="">
+                            <h3>快速转换</h3>
+                            <p>高速性能使视频转换速度倍增，缩短转换视频时间</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="function-ctt">
+                            <img src="/static/video/tese5.png" alt="">
+                            <h3>批量操作</h3>
+                            <p>一键拖拽多个视频，或上传文件夹即可完成整套视频转换</p>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+
+
+        <div class="index-line js-canvas-box" id="js-canvas-box1">
+            <canvas id="dian1" width="1855" height="597"></canvas>
+            <div class="w1200 canvas-br">
+                <div class="index-img-text clearfix">
+                    <div class="index-text">
+                        <div>
+                            <h3>功能强大 一站式专业服务</h3>
+                            <p>
+                                附赠编辑功能<br>
+                                为用户提供视频合并、视频分割、视频转GIF、去水印等编辑服务。<br>
+                                专业剪辑编辑功能，为您提供完美的用户体验。
                             </p>
+                            <a class="down-btn" href="https://xy.xingyousoft.com/soft/XYVideo/XYVideo_XY.exe"><span>免费下载</span></a>
                         </div>
                     </div>
+                    <div class="index-img clearfix">
+                        <img class="fr" src="/static/video/1.jpg" style="width: 600px;">
+                    </div>
                 </div>
+            </div>
+        </div>
 
-                <div class="zhinanrightimgshowbox">
-                    <img class="img1 active" src="/static/ebook/1.png" alt="">
+
+        <div class="contentBox-ct">
+            <div class="contentBox w1200 clearfix">
+                <div class="contentBox-left fl">
+                    <a class="js-down"> <img src="/static/video/1.jpg"></a>
+                </div>
+                <div class="contentBox-right fr">
+                    <p style="margin-top:100px;"><font color="#3884ff">批量操作•</font>简单快捷</p>
+                    <span style="margin-top:0;">一键式拖拽多个文件到软件面板处即可添加多个文件，点击“开始转换”按钮全部已上传文件即可一次性完成转换。</span>
+                    <a class="banner-download2 block hov js-down" href="https://xy.xingyousoft.com/soft/XYVideo/XYVideo_XY.exe">
+                        <img class="down left" src="/static/audio/down.png">
+                        <label>免费下载</label>
+                    </a>
                 </div>
             </div>
-
         </div>
 
 
+
+
         <!-- 选择 -->
         <div class="whyChoiceUs">
             <h2 class="titleh2css">为什么选择我们</h2>
@@ -203,12 +307,12 @@
                 <div class="whyitems">
                     <img src="/static/ebook/whyimg1.png" alt="高效稳定，效果出众">
                     <h3>高效稳定，效果出众</h3>
-                    <p>强劲性能助力，轻松处理电子书文档，高还原电子书样式</p>
+                    <p>强劲性能助力，轻松处理视频文件，高还原文件</p>
                 </div>
                 <div class="whyitems">
                     <img src="/static/ebook/whyimg2.png" alt="功能全面，多格式转换">
                     <h3>功能全面，多格式转换</h3>
-                    <p>支持电子书转文档等数多种格式，相互转换轻松方便</p>
+                    <p>支持多种视频的多种格式，相互转换轻松方便</p>
                 </div>
                 <div class="whyitems">
                     <img src="/static/ebook/whyimg3.png" alt="一键操作，批量处理">

routes/web.php

@@ -46,6 +46,7 @@ Route::get('/softcenter/XYEbook', 'SoftcenterController@XYEbook');
 Route::get('/softcenter/XYPinyin', 'SoftcenterController@XYPinyin');
 Route::get('/softcenter/XYImage', 'SoftcenterController@XYImage');
 Route::get('/softcenter/XYAudio', 'SoftcenterController@XYAudio');
+Route::get('/softcenter/XYVideo', 'SoftcenterController@XYVideo');
 
 
 // 测试