softpdf.blade.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. @include('home.http.common.head')
  5. <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
  6. <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
  7. <link href="/static/audio/audio.css" rel="stylesheet" type="text/css">
  8. <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
  9. <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
  10. <script type="text/javascript" src="/static/js/babel.min.js"></script>
  11. <script type="text/javascript" src="/static/js/vue.min.js"></script>
  12. <script type="text/javascript" src="/static/js/iview.min.js"></script>
  13. <script src="/static/js/utils.js"></script>
  14. <script src="/static/js/config.js"></script>
  15. <style>
  16. .nav-ebook {
  17. position:absolute;
  18. right:0px;
  19. top:9px;
  20. color: #fff;
  21. }
  22. .nav-ebook-link li {
  23. padding: 5px 0;
  24. float: left;
  25. }
  26. .nav-ebook-link li+li {
  27. margin-left: 70px;
  28. position: relative;
  29. }
  30. .nav-ebook-link li a {
  31. font-size: 16px;
  32. color: #fff;
  33. line-height: 48px;
  34. display: block;
  35. position: relative;
  36. }
  37. .nav-ebook-link li a:hover {
  38. color: #fff;
  39. }
  40. .nav-ebook-link li a:hover::after {
  41. content: "";
  42. position: absolute;
  43. bottom: 0;
  44. width: 50%;
  45. left: 25%;
  46. height: 4px;
  47. background-color: #fff;
  48. border-radius: 4px;
  49. }
  50. .nav-ebook-link li+li::after {
  51. content: "";
  52. position: absolute;
  53. left: -32px;
  54. height: 20px;
  55. top: 50%;
  56. margin-top: -10px;
  57. border-left: 1px solid #EDEDED;
  58. }
  59. </style>
  60. </head>
  61. <body>
  62. <div class="header">
  63. @include('home.http.common.header')
  64. </div>
  65. <div id="app">
  66. <!--- 首頁輪播 --->
  67. <div class="index-banner head">
  68. <div class="w1024">
  69. <div class="logolay">
  70. <img src="/static/audio/icon.png" style="width: auto;">
  71. <span>星优办公软件</span>
  72. </div>
  73. <div class="nav-ebook">
  74. <ul class="nav-ebook-link js-down">
  75. <li>
  76. <a class="js-down">格式转换</a>
  77. </li>
  78. <li>
  79. <a class="js-down">音频压缩</a>
  80. </li>
  81. <li>
  82. <a class="js-down">音频合并</a>
  83. </li>
  84. <li>
  85. <a class="js-down">音频变速</a>
  86. </li>
  87. <li>
  88. <a class="js-down">提取音频</a>
  89. </li>
  90. </ul>
  91. </div>
  92. <div class="leftword">
  93. <h1>星优音频助手</h1>
  94. <p class="word1">音频格式转换、音频压缩<br>音频合并、音频分割、音频变速<br>一键式拖拽文件到软件中,批量转换效率更高
  95. <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYAudio/XYAudio_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
  96. </p>
  97. <p class="word2">版本号:v2.1.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小:1.56MB</p>
  98. <p class="word2">更新时间:2024-05-20 &nbsp;适合系统:Win7/Win10/Win11</p>
  99. </div>
  100. <img class="rightgif" src="/static/audio/1.png">
  101. </div>
  102. </div>
  103. <div class="index-line">
  104. <div class="w1200 index-line-center">
  105. <h1 class="common-h1" style="padding: 80px 0"><img src="/static/audio/t-bg.png" alt="">八大核心功能</h1>
  106. <ul class="core-list clearfix">
  107. <li>
  108. <a>
  109. <div>
  110. <img src="/static/audio/a-geshi.png" alt="">
  111. <h3>音频格式转换</h3>
  112. <p>
  113. 支持20种音频格式向MP3、WAV<br>FLAC、ACC、OGG等主流格式转换
  114. </p>
  115. </div>
  116. </a>
  117. </li>
  118. <li>
  119. <a>
  120. <div>
  121. <img src="/static/audio/a-hebing.png" alt="">
  122. <h3>音频合并功能</h3>
  123. <p>
  124. 将多个音频合成为一个完整音频,也可将剪切好的多个音频合成一个音频
  125. </p>
  126. </div>
  127. </a>
  128. </li>
  129. <li>
  130. <a>
  131. <div>
  132. <img src="/static/audio/a-yasuo.png" alt="">
  133. <h3>音频压缩功能</h3>
  134. <p>
  135. 可根据音频的码率等参数来快速的压缩音频的大小
  136. </p>
  137. </div>
  138. </a>
  139. </li>
  140. <li>
  141. <a>
  142. <div>
  143. <img src="/static/audio/a-feige.png" alt="">
  144. <h3>音频分割功能</h3>
  145. <p>
  146. 支持3种高级的音频分割方式,可自定义分割音频的时间片段
  147. </p>
  148. </div>
  149. </a>
  150. </li>
  151. </ul>
  152. <ul class="core-list clearfix">
  153. <li>
  154. <a>
  155. <div>
  156. <img src="/static/audio/a-biansu.png" alt="">
  157. <h3>音频变速</h3>
  158. <p>
  159. 可以调节音频的速度,根据用户需求自行调整音频的播放速度
  160. </p>
  161. </div>
  162. </a>
  163. </li>
  164. <li>
  165. <a>
  166. <div>
  167. <img src="/static/audio/a-yinliang.png" alt="">
  168. <h3>音量调整</h3>
  169. <p>
  170. 调整音频的音量大小,相应的放大音频文件的音量或缩小
  171. </p>
  172. </div>
  173. </a>
  174. </li>
  175. <li>
  176. <a>
  177. <div>
  178. <img src="/static/audio/a-daoxu.png" alt="">
  179. <h3>倒序播放</h3>
  180. <p>
  181. 可以将音频文件倒序播放,适合做剪辑视频的背景音乐来使用
  182. </p>
  183. </div>
  184. </a>
  185. </li>
  186. <li>
  187. <a>
  188. <div>
  189. <img src="/static/audio/a-tiqu.png" alt="">
  190. <h3>音频提取</h3>
  191. <p>
  192. 可以提取mp4,avi等多种视频格式的中的音频,方便后续的使用
  193. </p>
  194. </div>
  195. </a>
  196. </li>
  197. </ul>
  198. </div>
  199. </div>
  200. <div class="contentBox-ct">
  201. <div class="contentBox w1200 clearfix">
  202. <div class="contentBox-left fl">
  203. <a class="js-down"> <img src="/static/audio/1.png"></a>
  204. </div>
  205. <div class="contentBox-right fr">
  206. <p style="margin-top:100px;"><font color="#3884ff">批量操作•</font>简单快捷</p>
  207. <span style="margin-top:0;">一键式拖拽多个文件到软件面板处即可添加多个文件,点击“开始转换”按钮全部已上传文件即可一次性完成转换。</span>
  208. <a class="banner-download2 block hov js-down" href="https://xy.xingyousoft.com/soft/XYAudio/XYAudio_XY.exe">
  209. <img class="down left" src="/static/audio/down.png">
  210. <label>免费下载</label>
  211. </a>
  212. </div>
  213. </div>
  214. </div>
  215. <!-- 选择 -->
  216. <div class="whyChoiceUs">
  217. <h2 class="titleh2css">为什么选择我们</h2>
  218. <div class="whylist">
  219. <div class="whyitems">
  220. <img src="/static/ebook/whyimg1.png" alt="高效稳定,效果出众">
  221. <h3>高效稳定,效果出众</h3>
  222. <p>强劲性能助力,轻松处理音频文件,高还原文件</p>
  223. </div>
  224. <div class="whyitems">
  225. <img src="/static/ebook/whyimg2.png" alt="功能全面,多格式转换">
  226. <h3>功能全面,多格式转换</h3>
  227. <p>支持多种音频的多种格式,相互转换轻松方便</p>
  228. </div>
  229. <div class="whyitems">
  230. <img src="/static/ebook/whyimg3.png" alt="一键操作,批量处理">
  231. <h3>一键操作,批量处理</h3>
  232. <p>上手简单,文件转换速度快,批量多文件处理效率高</p>
  233. </div>
  234. </div>
  235. </div>
  236. @include('home.http.common.footer')
  237. </div>
  238. </body>
  239. <script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
  240. <script>
  241. new Vue({
  242. el: '#app',
  243. data: {
  244. target: 'https://www.xingyousoft.com',
  245. productList: [],
  246. },
  247. mounted: function() {
  248. var swiper = new Swiper(".swiper-container", {
  249. slidesPerView: 3,
  250. navigation: {
  251. nextEl: '.swiper-button-next',
  252. prevEl: '.swiper-button-prev',
  253. },
  254. });
  255. this.initList();
  256. },
  257. //方法
  258. methods: {
  259. initList: function() {
  260. // let _this = this;
  261. // axios.post(_this.target + '/api/index/product_list', {
  262. // size: 100,
  263. // page: 1
  264. // }).then(function(response) {
  265. // if (response.data.result) {
  266. // this.productList = response.data.data.list;
  267. // console.log(response.data.data)
  268. // }
  269. // }.bind(_this)).catch(function(error) {
  270. // console.log(error);
  271. // });
  272. },
  273. },
  274. });
  275. </script>
  276. <style>
  277. .info-flex .f-item2 {
  278. width: 25%;
  279. text-align: center;
  280. line-height: 3;
  281. font-weight: 600;
  282. font-size: 15px;
  283. }
  284. .info-flex .icon-o {
  285. width: 100px;
  286. height: 100px;
  287. margin-right: 0;
  288. }
  289. </style>
  290. </html>