qiushang
/
xingyou


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388
							<!DOCTYPE html>
<html>

<head>
    @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>
    <script type="text/javascript" src="/static/js/vue.min.js"></script>
    <script type="text/javascript" src="/static/js/iview.min.js"></script>
    <script src="/static/js/utils.js"></script>
    <script src="/static/js/config.js"></script>

    <style>
        .nav-ebook {
            position:absolute;
            right:0px;
            top:9px;
            color: #fff;
        }

        .nav-ebook-link li {
            padding: 5px 0;
            float: left;
        }

        .nav-ebook-link li+li {
            margin-left: 70px;
            position: relative;
        }

        .nav-ebook-link li a {
            font-size: 16px;
            color: #fff;
            line-height: 48px;
            display: block;
            position: relative;
        }

        .nav-ebook-link li a:hover {
            color: #fff;
        }

        .nav-ebook-link li a:hover::after {
            content: "";
            position: absolute;
            bottom: 0;
            width: 50%;
            left: 25%;
            height: 4px;
            background-color: #fff;
            border-radius: 4px;
        }

        .nav-ebook-link li+li::after {
            content: "";
            position: absolute;
            left: -32px;
            height: 20px;
            top: 50%;
            margin-top: -10px;
            border-left: 1px solid #EDEDED;
        }
    </style>
</head>

<body>
    <div class="header">
        @include('home.http.common.header')
    </div>
    <div id="app">
        <!--- 首頁輪播 --->
        <div class="index-banner head">
            <div class="w1024">
                <div class="logolay">
                    <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">格式转换</a>
                        </li>
                        <li>
                            <a class="js-down">视频压缩</a>
                        </li>
                        <li>
                            <a class="js-down">视频合并</a>
                        </li>
                        <li>
                            <a class="js-down">视频变速</a>
                        </li>
                        <li>
                            <a class="js-down">音量调整</a>
                        </li>
                    </ul>
                </div>

                <div class="leftword">
                    <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">版本号：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/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>
        </div>


        <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>
                    </li>
                    <li>
                        <div class="function-ctt">
                            <img src="/static/video/tese2.png" alt="">
                            <h3>功能丰富</h3>
                            <p>支持多种视频格式互相转换，同时提供视频合并、提取、转GIF</p>
                        </div>
                    </li>
                    <li>
                        <div class="function-ctt">
                            <img src="/static/video/tese3.png" alt="">
                            <h3>清晰流畅</h3>
                            <p>自定义选择视频画质分辨率，令视频清晰流畅无卡顿、不丢帧</p>
                        </div>

                    </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="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>
            <div class="whylist">
                <div class="whyitems">
                    <img src="/static/ebook/whyimg1.png" alt="高效稳定，效果出众">
                    <h3>高效稳定，效果出众</h3>
                    <p>强劲性能助力，轻松处理视频文件，高还原文件</p>
                </div>
                <div class="whyitems">
                    <img src="/static/ebook/whyimg2.png" alt="功能全面，多格式转换">
                    <h3>功能全面，多格式转换</h3>
                    <p>支持多种视频的多种格式，相互转换轻松方便</p>
                </div>
                <div class="whyitems">
                    <img src="/static/ebook/whyimg3.png" alt="一键操作，批量处理">
                    <h3>一键操作，批量处理</h3>
                    <p>上手简单，文件转换速度快，批量多文件处理效率高</p>
                </div>
            </div>
        </div>

        @include('home.http.common.footer')

    </div>


</body>

<script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            target: 'https://www.xingyousoft.com',
            productList: [],
        },
        mounted: function() {

            var swiper = new Swiper(".swiper-container", {
                slidesPerView: 3,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });

            this.initList();
        },
        //方法
        methods: {
            initList: function() {
                // let _this = this;
                // axios.post(_this.target + '/api/index/product_list', {
                //     size: 100,
                //     page: 1
                // }).then(function(response) {
                //     if (response.data.result) {
                //         this.productList = response.data.data.list;
                //         console.log(response.data.data)
                //     }
                // }.bind(_this)).catch(function(error) {
                //     console.log(error);
                // });
            },
        },
    });
</script>

<style>
    .info-flex .f-item2 {
        width: 25%;
        text-align: center;
        line-height: 3;
        font-weight: 600;
        font-size: 15px;
    }

    .info-flex .icon-o {
        width: 100px;
        height: 100px;
        margin-right: 0;
    }
</style>

</html>