101 lines
4.1 KiB
HTML
101 lines
4.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% macro setting_select2(id, title, options, col='9', desc=None, value=None) %}
|
|
{{ macros.setting_top(title) }}
|
|
<div class="input-group col-sm-{{ col }}">
|
|
<select id="{{ id }}" name="{{ id }}" class="form-control form-control-sm">
|
|
{% set ns = namespace(optgroup=none) %}
|
|
{% for item in options %}
|
|
{% if ns.optgroup != item[2] %}
|
|
{% if ns.optgroup is not none %}
|
|
</optgroup>
|
|
{% endif %}
|
|
{% if item[2] is not none %}
|
|
<optgroup label="{{ item[2] }}">
|
|
{% endif %}
|
|
{% set ns.optgroup = item[2] %}
|
|
{% endif %}
|
|
{% if value is not none and value == item[0] %}
|
|
<option value="{{ item[0] }}" selected>{{ item[1] }}</option>
|
|
{% else %}
|
|
<option value="{{ item[0] }}">{{ item[1] }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% if ns.optgroup is not none %}
|
|
</optgroup>
|
|
{% endif %}
|
|
</select>
|
|
</div>
|
|
{{ macros.setting_bottom(desc) }}
|
|
{% endmacro %}
|
|
|
|
{% block content %}
|
|
|
|
<div>
|
|
{{ macros.setting_input_text('url', 'URL', placeholder='http:// 주소', desc='유튜브, 네이버TV 등 동영상 주소') }}
|
|
{{ macros.setting_input_text('filename', '파일명', value=arg['filename'], desc='템플릿 규칙은 https://github.com/ytdl-org/youtube-dl/#output-template 참고') }}
|
|
{{ macros.setting_select('preset', '동영상 포맷 프리셋', arg['preset_list'], col='3') }}
|
|
{{ macros.setting_input_text('format', '동영상 포맷', desc=['포맷 지정은 https://github.com/ytdl-org/youtube-dl/#format-selection 참고', '빈칸으로 두면 최고 화질로 다운로드합니다.']) }}
|
|
{{ setting_select2('postprocessor', '후처리', arg['postprocessor_list'], col='3', desc='다운로드 후 FFmpeg로 후처리합니다.') }}
|
|
{{ macros.setting_button([['download_btn', '다운로드']]) }}
|
|
</div>
|
|
|
|
<script>
|
|
"use strict";
|
|
const package_name = '{{ arg["package_name"] }}';
|
|
|
|
$(function () {
|
|
// 프리셋 변경
|
|
$('#preset').change(function () {
|
|
if ($(this).val() === '_custom') {
|
|
return;
|
|
}
|
|
$('#format').val($(this).val());
|
|
});
|
|
$('#format').change(function () {
|
|
$('#preset').val('_custom');
|
|
});
|
|
|
|
// 후처리 변경
|
|
$('#postprocessor').change(function () {
|
|
if ($(this).find($(`option[value="${$(this).val()}"]`)).parent().attr('label') === '오디오 추출') {
|
|
$('#preset').val('bestaudio/best').change();
|
|
}
|
|
});
|
|
|
|
// 다운로드
|
|
$('#download_btn').click(function () {
|
|
let url = $('#url').val();
|
|
if (url.startsWith('http') === false) {
|
|
$.notify('<strong>URL을 입력하세요.</strong>', {
|
|
type: 'warning'
|
|
});
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
url: `/${package_name}/ajax/download`,
|
|
type: 'POST',
|
|
cache: false,
|
|
data: {
|
|
url: url,
|
|
filename: $('#filename').val(),
|
|
format: $('#format').val(),
|
|
postprocessor: $('#postprocessor').val()
|
|
},
|
|
dataType: 'json'
|
|
}).done(function () {
|
|
$.notify('<strong>분석중..</strong>', {
|
|
type: 'info'
|
|
});
|
|
}).fail(function () {
|
|
$.notify('<strong>다운로드 요청 실패</strong>', {
|
|
type: 'danger'
|
|
});
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
|
|
{% endblock %}
|