forked from danmubox/danmubox.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathconvert.html
30 lines (28 loc) · 15 KB
/
convert.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>弹幕盒子 - 转换</title> <link rel="icon" href="favicon.ico" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="lib/pace-1.0.2/themes/blue/pace-theme-flash.css"> <script type="text/javascript" src="lib/pace-1.0.2/pace.min.js"></script> <link rel="stylesheet" type="text/css" href="lib/bootstrap-4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="lib/toastr-2.1.1/toastr.css"> <script defer type="text/javascript" src="lib/jquery-3.4.1/jquery.min.js"></script> <script defer type="text/javascript" src="lib/jquery-cookie-1.4.1/jquery.cookie.min.js"></script> <script defer type="text/javascript" src="lib/popper-1.14.7/popper.min.js"></script> <script defer type="text/javascript" src="lib/bootstrap-4.3.1/js/bootstrap.min.js"></script> <script defer type="text/javascript" src="lib/toastr-2.1.1/toastr.min.js"></script> </head> <body> <nav class="navbar navbar-expand-lg bg-dark navbar-dark"> <a class="navbar-brand" href="./"> <img src="bin/common/danmubox.png" alt="弹幕盒子"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="./">主页</a> </li> <li class="nav-item"> <a class="nav-link" href="search">搜索</a> </li> <li class="nav-item"> <a class="nav-link" href="merge">合并</a> </li> <li class="nav-item"> <a class="nav-link active" href="convert">转换</a> </li> <li class="nav-item"> <a class="nav-link" href="message">留言板</a> </li> <li class="nav-item"> <a class="nav-link" href="about">关于</a> </li> </ul> </div> </nav> <div class="container center"><link rel="stylesheet" type="text/css" href="lib/fontawesome-5.9.0/all.min.css"> <link rel="stylesheet" type="text/css" href="lib/bootstrap-table-1.14.2/bootstrap-table.min.css"> <script defer type="text/javascript" src="lib/bootstrap-table-1.14.2/bootstrap-table.min.js"></script> <script defer type="text/javascript" src="lib/bootstrap-table-1.14.2/locale/bootstrap-table-zh-CN-drag.min.js"></script> <script async type="text/javascript" src="lib/mustache-js-3.0.1/mustache.min.js"></script> <h1 class="text-center m-3">转 换</h1> <hr/> <form> <fieldset id="form-convert" class="form-group"> <ul class="nav nav-tabs" id="tab-convert" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="xml2ass-tab" data-toggle="tab" href="#xml2ass-pane" role="tab" aria-controls="xml2ass" aria-selected="true">XML转ASS</a> </li> <li class="nav-item"> <a class="nav-link" id="ass2xml-tab" data-toggle="tab" href="#ass2xml-pane" role="tab" aria-controls="ass2xml" aria-selected="false">ASS转XML</a> </li> </ul> <br/> <div class="tab-content"> <div class="tab-pane active" id="xml2ass-pane" role="tabpanel" aria-labelledby="xml2ass-tab"> <div id="accordion-xml2ass"> <div class="card"> <a class="card-link" data-toggle="collapse" href="#input-xml"> <div class="card-header"> 输入 </div> </a> <div id="input-xml" class="collapse show" data-parent="#accordion-xml2ass"> <div class="card-body"> <div class="toolbar"> <label class="input-group-btn" style="cursor: pointer;"> <span class="btn btn-primary btn-sm"> <i class="fa fa-folder-open" aria-hidden="true"></i> 添 加<input class="file-input" type="file" style="display: none;" multiple> </span> </label> <button type="button" class="btn-remove btn btn-danger btn-sm" disabled> <i class="fa fa-minus" aria-hidden="true"></i> 移 除 </button> <button type="button" class="btn-clear btn btn-dark btn-sm" disabled> <i class="fa fa-trash" aria-hidden="true"></i> 清 空 </button> </div> <table class="table" data-toggle="table" data-thead-classes="thead-light" data-locale="zh-CN-drag" data-unique-id="name" data-toolbar="#xml2ass .toolbar" data-click-to-select="true" data-sortable="true"> <thead> <tr> <th data-field="chk" data-checkbox="true"></th> <th data-field="name" data-sortable="true">名称</th> <th data-field="length" data-formatter="Common.renderSize">大小</th> <th data-field="num">弹幕数量</th> <th data-field="origin" data-formatter="ItemOriginResolver.resolve">来源</th> <th data-field="state" data-formatter="TaskStateResolver.parse">状态</th> </tr> </thead> </table> </div> </div> </div> <div class="card"> <a class="collapsed card-link" data-toggle="collapse" href="#base-param"> <div class="card-header"> 基础参数 </div> </a> <div id="base-param" class="collapse" data-parent="#accordion-xml2ass"> <div class="card-body"> <div class="row"> <div class="col-sm-8"> <form> <div class="form-row"> <div class="form-group col-md-6"> <label>视频宽度</label> <div class="input-group" data-trigger="spinner"> <div class="input-group-prepend"> <button class="btn btn-outline-primary fa fa-minus-circle" type="button" data-spin="down"></button> </div> <input type="text" class="form-control text-center video-width" value="672" data-min="1" data-step="1"> <div class="input-group-append"> <button class="btn btn-outline-primary fa fa-plus-circle" type="button" data-spin="up"></button> </div> </div> </div> <div class="form-group col-md-6"> <label>视频高度</label> <div class="input-group" data-trigger="spinner"> <div class="input-group-prepend"> <button class="btn btn-outline-primary fa fa-minus-circle" type="button" data-spin="down"></button> </div> <input type="text" class="form-control text-center video-height" value="504" data-min="1" data-step="1"> <div class="input-group-append"> <button class="btn btn-outline-primary fa fa-plus-circle" type="button" data-spin="up"></button> </div> </div> </div> <div class="form-group col-md-10"> <label>字体</label> <div class="input-group mb-3"> <select class="form-control custom-select font"> </select> <div class="input-group-append"> <span class="input-group-text" data-toggle="tooltip" data-placement="top" title="本机需安装相应字体才能看到效果"> <i class="fa fa-info-circle"></i> </span> </div> </div> </div> <div class="form-group col-md-2"> <label for="inputPassword4">加粗</label> <input class="form-control font-bold" type="checkbox"> </div> </div> </form> </div> <div class="col-sm-4 text-center" style="border: 1px solid #ddd;line-height: 200px;"> <p class="font-example" style="font-size:25pt;">字幕</p> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="text-center"> <p class="m-0 float-left">字缩放</p> <p class="m-0">[ <d>100</d>% ]</p> </div> <input type="range" class="custom-range font-scale" min="1" max="250" value="100"> </div> <div class="col-sm-12 mt-2"> <div class="text-center"> <p class="m-0 float-left">透明度</p> <p class="m-0">[ <d>50</d>% ]</p> </div> <input type="range" class="custom-range font-opacity" min="1" max="100" value="50"> </div> </div> </div> </div> </div> <div class="card"> <a class="collapsed card-link" data-toggle="collapse" href="#extend-param"> <div class="card-header"> 扩展参数 </div> </a> <div id="extend-param" class="collapse" data-parent="#accordion-xml2ass"> <div class="card-body"> <div class="row"> <div class="col-sm-12"> <div class="text-center"> <p class="m-0 float-left">字幕范围</p> <p class="m-0">[ <d>100</d>% ]</p> </div> <input type="range" class="custom-range range-scale" min="1" max="100" value="100"> </div> <div class="col-sm-12 mt-2"> <div class="text-center"> <p class="m-0 float-left">滚动停留</p> <p class="m-0">[ <d>12</d>秒 ]</p> </div> <input type="range" class="custom-range roll-stay" min="1" max="30" value="12"> </div> <div class="col-sm-12 mt-2"> <div class="text-center"> <p class="m-0 float-left">顶底停留</p> <p class="m-0">[ <d>4</d>秒 ]</p> </div> <input type="range" class="custom-range fixed-stay" min="1" max="15" value="4"> </div> </div> </div> </div> </div> </div> <script id="template-ass" type="text/html">
[Script Info]
Title: {{script.title}}
ChatServer: {{script.chatServer}}
ChatId: {{script.chatId}}
Count: {{events.length}}
ScriptType: v4.00+
PlayResX: {{script.playResX}}
PlayResY: {{script.playResY}}
[V4+ Styles]
Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
Style: {{style.name}},{{style.fontName}},{{style.fontSize}},&H{{style.alpha}}{{style.fontColor}},&H{{style.alpha}}FFFFFF,&H{{style.alpha}}000000,&H{{style.alpha}}000000,{{#style.bold}}-1{{/style.bold}}{{^style.bold}}0{{/style.bold}},0,0,0,100,100,0,0,1,1,0,2,20,20,2,0
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
{{#events}}
Dialogue: {{layer}},{{start}},{{end}},{{style.name}},,69,69,5,,{\{{effect.value}}{{#effect.fontSize}}\fs{{effect.fontSize}}{{/effect.fontSize}}{{#effect.fontColor}}\c&H{{effect.fontColor}}{{/effect.fontColor}}}{{text}}
{{/events}}
</script> </div> <div class="tab-pane" id="ass2xml-pane" role="tabpanel" aria-labelledby="ass2xml-tab"> <div id="accordion-ass2xml"> <div class="card"> <a class="card-link" data-toggle="collapse" href="#input-ass"> <div class="card-header"> 输入 </div> </a> <div id="input-ass" class="collapse show" data-parent="#accordion-ass2xml"> <div class="card-body"> <div class="toolbar"> <label class="input-group-btn" style="cursor: pointer;"> <span class="btn btn-primary btn-sm"> <i class="fa fa-folder-open" aria-hidden="true"></i> 添 加<input class="file-input" type="file" style="display: none;" multiple> </span> </label> <button type="button" class="btn-remove btn btn-danger btn-sm" disabled> <i class="fa fa-minus" aria-hidden="true"></i> 移 除 </button> <button type="button" class="btn-clear btn btn-dark btn-sm" disabled> <i class="fa fa-trash" aria-hidden="true"></i> 清 空 </button> </div> <table class="table" data-toggle="table" data-thead-classes="thead-light" data-locale="zh-CN-drag" data-unique-id="name" data-toolbar="#ass2xml .toolbar" data-click-to-select="true" data-sortable="true"> <thead> <tr> <th data-field="chk" data-checkbox="true"></th> <th data-field="name" data-sortable="true">名称</th> <th data-field="length" data-formatter="Common.renderSize">大小</th> <th data-field="num">弹幕数量</th> <th data-field="origin" data-formatter="ItemOriginResolver.resolve">来源</th> <th data-field="state" data-formatter="TaskStateResolver.parse">状态</th> </tr> </thead> </table> </div> </div> </div> <div class="card"> <a class="collapsed card-link" data-toggle="collapse" href="#default-param"> <div class="card-header"> 缺省参数 </div> </a> <div id="default-param" class="collapse" data-parent="#accordion-ass2xml"> <div class="card-body"> <div class="row"> <div class="col-sm"> <form> <div class="form-row"> <div class="form-group col-md-12"> <div class="row"> <div class="form-group col-md-5"> <label>弹幕服务器</label> <div class="input-group" data-trigger="spinner"> <div class="input-group mb-3"> <select class="form-control custom-select danmu-server"></select> </div> </div> </div> <div class="form-group col-md-6 offset-md-1"> <label>弹幕编号</label> <div class="row"> <div class="col-md-3 m-auto"> <label class="m-auto"><input id="rdo-random" name="danMuId" value="0" type="radio" checked> 随机</label> </div> <div class="col-md-9"> <div class="input-group"> <div class="input-group-prepend"> <label class="input-group-text"> <input id="rdo-fixed" name="danMuId" value="1" type="radio"> 固定 </label> </div> <input type="number" class="form-control fixed-danmu-id" value="0" disabled> </div> </div> </div> </div> </div> </div> <div class="form-group col-md-4 text-center"> <div class="custom-control custom-switch"> <input type="checkbox" id="ckb-create-time" class="custom-control-input fill-create-time" checked="true"> <label class="custom-control-label" for="ckb-create-time">填充创建时间</label> </div> </div> <div class="form-group col-md-4 text-center"> <div class="custom-control custom-switch"> <input type="checkbox" id="cbk-uid" class="custom-control-input fill-uid" checked="true"> <label class="custom-control-label" for="cbk-uid">填充用户编号</label> </div> </div> <div class="form-group col-md-4 text-center"> <div class="custom-control custom-switch"> <input type="checkbox" id="ckb-history-id" class="custom-control-input fill-history-id" checked="true"> <label class="custom-control-label" for="ckb-history-id">填充历史编号</label> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <script id="template-danmu" type="text/html">
<?xml version="1.0" encoding="UTF-8"?>
<i>
<chatserver>{{chatServer}}</chatserver>
<chatid>{{chatId}}</chatid>
<count>{{items.length}}</count>
{{#items}}
<d p="{{playTime}},{{type}},{{size}},{{color}},{{createTime}},{{pool}},{{uid}},{{historyId}}">{{content}}</d>
{{/items}}
</i>
</script> </div> </div> <div class="form-group"> <label class="col-form-label">输出方式：</label> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" id="outPutTypePackage" name="outputType" class="custom-control-input" value="0" checked="true"> <label class="custom-control-label" for="outPutTypePackage" data-toggle="tooltip" data-placement="top" title="当仅有一个待转换文件时，不会打包">打包</label> </div> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" id="outPutTypeEach" name="outputType" class="custom-control-input" value="1"> <label class="custom-control-label" for="outPutTypeEach">逐个</label> </div> </div> <button id="btn-execute" type="button" class="btn btn-primary btn-block" disabled> <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span> 转 换</button> <div class="modal fade" id="modal-drag" keyboard="false"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content text-center" style="padding:50px;border: 2px dashed #FFF;background: transparent;opacity: 0.5;"> <h1 style="color: #FFF;">松开后添加文件</h1> </div> </div> </div> </fieldset> </form> <script async type="text/javascript" src="lib/jquery-spinner-0.2.1/js/jquery.spinner.min.js"></script> <script async type="text/javascript" src="lib/jszip-3.2.0/jszip.min.js"></script> <script async type="text/javascript" src="lib/FileSaver-js-2.0.2/FileSaver.min.js"></script> </div> <footer class="navbar-fixed-bottom"> <div class="container"> <hr/> <p class="text-secondary"> <small> 本站不存储任何资源。<br/> 站内提供的查询服务，所得结果来源于网络。其质量无法保证，需用户自行甄别。 </small> </p> <p class="text-secondary" style="margin-top:-10px;"> <small> ©2019~2021 Mr.Po. All rights reserved. </small> </p> </div> </footer> <script defer type="text/javascript" src="bin/convert/main.min.js"></script> <script async type="text/javascript" src="https://hm.baidu.com/hm.js?42446a017c3dbeb48c424d2d7bdb3482"></script> </body> </html>