MIDI-Synth &#8211; synthesizer with a GM tone map. <cite>By <a href="https://adminkov.bcr.by/midi/">Oleg Klenitsky </a>.</cite>		<div class="midi_container">
<select id="sel_kbd" onchange="SelectMidi(this.selectedIndex-1)">
<option value="none" >midi keyboard: none</option>
</select>
<div id="appearance">
<webaudio-knob id="vol" style="position: absolute; left: 249px; top: 30px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/LittlePhatty.png" min="0" max="1" step="0.01" value="0.5" tooltip="volume %s factor"></webaudio-knob>
<webaudio-knob id="rev" style="position: absolute; left: 330px; top: 30px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/LittlePhatty.png" min="0" max="1" step="0.01" value="0.2" tooltip="reverb %s sec"></webaudio-knob>
<webaudio-knob id="conv_duration" style="position: absolute; left: 249px; top: 137px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/LittlePhatty.png" min="0" max="1" step="0.01" value="0" tooltip="duration %s sec"></webaudio-knob>
<webaudio-knob id="conv_decay" style="position: absolute; left: 330px; top: 137px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/LittlePhatty.png" min="0" max="1" step="0.01" value="0" tooltip="decay %s sec"></webaudio-knob>
<webaudio-knob id="comp_threshold" style="position: absolute; left: 440px; top: 30px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/LittlePhatty.png" min="-100" max="0" step="1" value="-24" tooltip="threshold %s dB"></webaudio-knob>
<webaudio-knob id="comp_knee" style="position: absolute; left: 520px; top: 30px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/LittlePhatty.png" min="0" max="40" step="1" value="30" tooltip="knee %s dB"></webaudio-knob>
<webaudio-knob id="comp_ratio" style="position: absolute; left: 600px; top: 30px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/LittlePhatty.png" min="1" max="20" step="1" value="12" tooltip="ratio %s dB"></webaudio-knob>
<webaudio-knob id="comp_attack" style="position: absolute; left: 480px; top: 137px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/LittlePhatty.png" min="0.001" max="1" step="0.001" value="0.003" tooltip="attack %s sec"></webaudio-knob>
<webaudio-knob id="comp_release" style="position: absolute; left: 560px; top: 137px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/LittlePhatty.png" min="0" max="1" step="0.01" value="0.25" tooltip="release %s sec"></webaudio-knob>
<webaudio-knob id="prog"style="position: absolute; left: 680px; top: 30px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/vernier.png" min="0" max="100" step="1" value="0" tooltip="fine control(+Shift)"></webaudio-knob>
<div id="progNameStr">
<webaudio-param id="prog_num" link="prog"></webaudio-param>
<p id="prog_name" style="font-size: 14px;margin:0 0 0 5px;">program name</p>
</div>
<webaudio-slider id="oct" style="position:absolute;left:828px;top:20px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/vsliderbody.png" knobsrc="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/vsliderknob.png" value="0" min="-2" max="+2" step="1"  tooltip="Octave shift %s"></webaudio-slider>
<webaudio-slider id="ch" style="position:absolute;left:877px;top:20px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/vsliderbody.png" knobsrc="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/vsliderknob.png" value="1" min="1" max="16" step="1" tooltip="Channel Ch %s"></webaudio-slider>
<webaudio-switch id="qlt" midilearn="1" style="position:absolute;left:917px;top:35px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/switch_toggle.png" value="1" height="56" width="56"></webaudio-switch>
<webaudio-switch id="sus" midilearn="1" style="position:absolute;left:917px;top:100px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/switch_toggle.png" value="0" height="56" width="56"></webaudio-switch>
<div style="position: absolute;display: flex;top: 233px;left: 10px;margin: 0;border: none;height: 30px;align-items: center;">
<webaudio-tinysynth id="tinysynth" src="https://fhafterdinner.top/core/modules/e7a36e8767/sound/ws.mid" style="height: 30px;cursor: pointer;" quality="1" loop="0" disabledrop="0" mastervol="0.3" onclick="midi_player();">
</webaudio-tinysynth>
<webaudio-switch id="loop" colors="#A0A378;#000;#A0A378" style="margin:0 5px;" tooltip="Loop" value="0"></webaudio-switch>
<input type="file" id="file_mid" accept=".mid" style="display:none;" onchange="loadMidi(this.files);"/>
<button class="btn_synth" for="file_mid" style="margin-right:15px;" title="Load midi" onclick="document.getElementById('file_mid').click();">File midi</button>
<marquee id="inform_panel" >inform panel</marquee>
<div style="position: absolute;display: flex;left: 680px;margin: 0;border: none;height: 30px;width: 280px;">
<button class="btn_synth" id="shot" style="flex:.8;" title="Shot key">--</button>
<button class="btn_synth" id="kbdBtn" style="flex:.8;" title="Midi keyboard" onclick="OpenKbd();">Kbd</button>
<button class="btn_synth" id="editor" style="flex:1.5;" title="Timbre Editor" onclick="OpenEditor();">Editor</button>
<button class="btn_synth" id="graph" style="flex:1.5;" title="AudioNodes Graph" onclick="OpenGraph();">Graph</button>
<button class="btn_synth" id="sequencer" style="flex:1.5;" title="Sequencer" onclick="winSequencer();">Sequencer</button>
</div>
</div>
<canvas id="canvas_midi" style="position:absolute;top: 42px;left: 27px;" width="180" height="180" title="Click me"></canvas>
<webaudio-slider id="scaleX" style="position:absolute;left:12px;top:35px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/vsliderbody.png" knobsrc="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/vsliderknob.png" value="4" min="0" max="7" step="1" tooltip="fftSize %s" conv="['4096','2048','1024','512','256','128','64','32'] [x]" height="191" width="10" knobwidth="10" knobheight="10"></webaudio-slider>
<webaudio-slider id="scaleY" style="position:absolute;left:212px;top:35px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/vsliderbody.png" knobsrc="https://fhafterdinner.top/core/modules/e7a36e8767/img-ctrl/vsliderknob.png" value="4" min="1" max="10" step="1" tooltip="amplitude %s" height="191" width="10" knobwidth="10" knobheight="10"></webaudio-slider>
<div id="btns_osc">
<webaudio-switch id="sw0" type="radio" group="radio1" colors="white;#000;#A0A378" width="15" height="15" value="1"></webaudio-switch>
<p id="p_sw0" onclick="p_swX_click(id.slice(2));">Σ</p>
<webaudio-switch id="sw1" type="radio" group="radio1" colors="red;#000;#A0A378" width="15" height="15" value="0"></webaudio-switch>
<p id="p_sw1" onclick="p_swX_click(id.slice(2));">g1</p>
<webaudio-switch id="sw2" type="radio" group="radio1" colors="blue;#000;#A0A378" width="15" height="15" value="0"></webaudio-switch>
<p id="p_sw2" onclick="p_swX_click(id.slice(2));">g2</p>
<webaudio-switch id="sw3" type="radio" group="radio1" colors="green;#000;#A0A378" width="15" height="15" value="0"></webaudio-switch>
<p id="p_sw3" onclick="p_swX_click(id.slice(2));">g3</p>
<webaudio-switch id="sw4" type="radio" group="radio1" colors="brown;#000;#A0A378" width="15" height="15" value="0"></webaudio-switch>
<p id="p_sw4" onclick="p_swX_click(id.slice(2));">g4</p>
</div>
</div>
<webaudio-keyboard style="display: none;" id="kbd" keys="88" min="21" width="980" height="160"></webaudio-keyboard>
<div id="win_edit" style="display: none;">
<table id="soundeditor">
<thead>
<tr>
<td colspan="13" style="text-align:left;padding-left:5px;width:100px;">
<div style="display:flex;">
<div style="display:flex;width:120px;">
<label>Oscillators :</label>
<select id="oscs" onchange="Edit()"><option>1</option><option>2</option><option>3</option><option>4</option></select>
</div>
<label style="width:100%;" id="head_soundeditor">Timbre Editor</label>
</div>
</td>
</tr>
</thead>
<tbody>
<tr>
<th id="soundeditor_th1" style="padding:0;width:100px;" title="output destination" onclick="soundeditor_info(id);">G</th>
<th id="soundeditor_th2" style="padding:0;width:80px;" title="waveform" onclick="soundeditor_info(id);">W</th>
<th id="soundeditor_th3" title="volume" onclick="soundeditor_info(id);">V</th>
<th id="soundeditor_th4" title="tune factor according to note#" onclick="soundeditor_info(id);">T</th>
<th id="soundeditor_th5" title="fixed frequency in Hz" onclick="soundeditor_info(id);">F</th>
<th id="soundeditor_th6" style="background-color: #BFDCEA;" title="attack time (1nd parameter of the AHDSR envelope)" onclick="soundeditor_info(id);">A</th>
<th id="soundeditor_th7" style="background-color: #BFDCEA;" title="hold time (2nd parameter of the AHDSR envelope)" onclick="soundeditor_info(id);">H</th>
<th id="soundeditor_th8" style="background-color: #BFDCEA;" title="decay time (3nd parameter of the AHDSR envelope)" onclick="soundeditor_info(id);">D</th>
<th id="soundeditor_th9" style="background-color: #BFDCEA;" title="sustain level (4nd parameter of the AHDSR envelope)" onclick="soundeditor_info(id);">S</th>
<th id="soundeditor_th10" style="background-color: #BFDCEA;" title="release time (5nd parameter of the AHDSR envelope)" onclick="soundeditor_info(id);">R</th>
<th id="soundeditor_th11" title="pitch bend" onclick="soundeditor_info(id);">P</th>
<th id="soundeditor_th12" title="pitch bend speed factor" onclick="soundeditor_info(id);">Q</th>
<th id="soundeditor_th13" title="volume key tracking factor" onclick="soundeditor_info(id);">K</th>
</tr>
<tr id="prog1">
<td style="padding-left:5px;text-align:left;" title="program1">g1<select id="g1" style="width:30px;" onchange="Edit();"><option value="0">g0</option></select><label class="osc_num"></label></td>
<td><select id="w1" onchange="Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="w9999">w9999</option><option value="n0">n0</option><option value="n1">n1</option></select></td>
<td><input id="v1"  oninput="Edit()" value="0.5" size="4"/></td>
<td><input id="t1"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="f1"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="a1"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="h1"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="d1"  oninput="Edit()" value="0.1" size="4"/></td>
<td><input id="s1"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="r1"  oninput="Edit()" value="0.1" size="4"/></td>
<td><input id="p1"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="q1"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="k1"  oninput="Edit()" value="0" size="4"/></td>
</tr>
<tr id="prog2">
<td style="padding-left:5px;text-align:left;" title="program2">g2<select id="g2" style="width:30px;" onchange="Edit()"><option value="0">g0</option><option value="1">g1</option></select><label class="osc_num"></label></td>
<td><select id="w2" onchange="Edit();"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="w9999">w9999</option><option value="n0">n0</option><option value="n1">n1</option></select></td>
<td><input id="v2"  oninput="Edit()" value="0.5" size="4"/></td>
<td><input id="t2"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="f2"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="a2"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="h2"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="d2"  oninput="Edit()" value="0.1" size="4"/></td>
<td><input id="s2"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="r2"  oninput="Edit()" value="0.1" size="4"/></td>
<td><input id="p2"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="q2"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="k2"  oninput="Edit()" value="0" size="4"/></td>
</tr>
<tr id="prog3">
<td style="padding-left:5px;text-align:left;" title="program3">g3<select id="g3" style="width:30px;" onchange="Edit();"><option value="0">g0</option><option value="1">g1</option><option value="2">g2</option></select><label class="osc_num"></label></td>
<td><select id="w3" onchange="Edit();"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="w9999">w9999</option><option value="n0">n0</option><option value="n1">n1</option></select></td>
<td><input id="v3"  oninput="Edit()" value="0.5" size="4"/></td>
<td><input id="t3"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="f3"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="a3"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="h3"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="d3"  oninput="Edit()" value="0.1" size="4"/></td>
<td><input id="s3"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="r3"  oninput="Edit()" value="0.1" size="4"/></td>
<td><input id="p3"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="q3"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="k3"  oninput="Edit()" value="0" size="4"/></td>
</tr>
<tr id="prog4">
<td style="padding-left:5px;text-align:left;" title="program4">g4<select id="g4" style="width:30px;" onchange="Edit();"><option value="0">g0</option><option value="1">g1</option><option value="2">g2</option><option value="3">g3</option></select><label class="osc_num"></label></td>
<td><select id="w4" onchange="Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="w9999">w9999</option><option value="n0">n0</option><option value="n1">n1</option></select></td>
<td><input id="v4"  oninput="Edit()" value="0.5" size="4"/></td>
<td><input id="t4"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="f4"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="a4"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="h4"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="d4"  oninput="Edit()" value="0.1" size="4"/></td>
<td><input id="s4"  oninput="Edit()" value="0" size="4"/></td>
<td><input id="r4"  oninput="Edit()" value="0.1" size="4"/></td>
<td><input id="p4"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="q4"  oninput="Edit()" value="1" size="4"/></td>
<td><input id="k4"  oninput="Edit()" value="0" size="4"/></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="13">
<div style="display:flex;">
<label style="width:550px;display: block;">Patch : </label>
<label style="display: block;width: 23%;border-left: 1px solid gray;">LocalStorage</label>
</div>
<div style="display:flex;">
<input disabled="" id="patch" style="width:100%;">
<button class="btn_editor" id="patch_save" onclick="patchSave();">Save</button>
<button class="btn_editor" id="patch_load" onclick="patchLoad();">Load</button>
<button class="btn_editor" id="patch_del" onclick="patchDelete();">Delete</button>
</div>
</td>
</tr>
</tfoot>
</table>
<div id="descr_tbl" style="width:260px; height: 230px;background-color: #C3C3C3;font-size: 14px;">
<ul id="descr_ul" style="margin:0;padding:0;margin-top:100px;color:white;font-size:18px;" onclick="view_ahdsr_img();">Description of Timbre Editor fields</ul>
<image id="img_ahdsr" width="250" height="220" style="display: none;border: 1px solid black;margin:5px;cursor:pointer;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img/AHDSR.png" onclick="view_ahdsr_img();" />
</div>
</div>
<canvas id="audiograph" width="980" height="310" style="display:none;"></canvas>
<div id="canvas_imgs" style="position:relative;display: none;left:725px;top:-310px;width:260px;height:310px;z-index:-1">
<image id="webaudiothreshold"  width="70" height="50" style="position:absolute;border: 1px solid black;margin:5px;left:180px;top:20px;width:70px;height:50px;cursor:pointer;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img/webaudiothreshold.png" onclick="img_resize(id);"/>
<image id="webaudioknee"  width="70" height="50" style="position:absolute;border: 1px solid black;margin:5px;left:180px;top:77px;width:70px;height:50px;cursor:pointer;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img/webaudioknee.png" onclick="img_resize(id);"/>
<image id="webaudioratio"  width="70" height="50" style="position:absolute;border: 1px solid black;margin:5px;left:180px;top:134px;width:70px;height:50px;cursor:pointer;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img/webaudioratio.png" onclick="img_resize(id);"/>
</div>
<div id="win_sequencer" style="display: none;flex-direction: column; border:1px solid black;width:980px;height:height:fit-content;margin:5px;background-color:#E3E3E3;">
<image id="speaker" width="20" height="20" style="display: none;cursor:pointer;width:20px;height:20px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img/speaker.png" />
<image id="speaker_on" width="20" height="20" style="display: none;cursor:pointer;width:20px;height:20px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img/speaker_on.gif" />
<image id="speaker_off" width="20" height="20" style="display: none;cursor:pointer;width:20px;height:20px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img/speaker_off.png" />
<image id="online_convert" width="140" height="20" style="display: none;cursor:pointer;width:140px;height:20px;" src="https://fhafterdinner.top/core/modules/e7a36e8767/img/online_convert.png" />
<div id="sequencer_header" style="display:flex;justify-content: space-between;height:30px;padding: 2px;">
<div style="display:flex;justify-content: flex-start;">
<label for="song_midi" style="font-size:14px;height:20px;">Copyright</label>
<input type="text" id="song_midi" name="input" placeholder="Copyright notice" style="font-size:14px;width:130px;height:25px;padding:5px;"/>
</div>
<div style="display:flex;justify-content: flex-start;">
<label for="tempoBPM" style="font-size:14px;height:20px;">BPM</label>
<input type="text" id="tempoBPM" name="input" style="font-size:14px;width:40px;height:25px;padding:5px;text-align: center;"/>
</div>
<div style="display:flex;justify-content: flex-start;">
<label for="tracks_count" style="font-size:14px;height:20px;">Tracks</label>
<input type="text" id="tracks_count" name="input" disabled style="font-size:14px;width:30px;height:25px;padding:5px 0;text-align: center;"/>
</div>
<div style="display:flex;justify-content: flex-start;">
<label for="midi_type" style="font-size:14px;height:20px;">Type midi</label>
<input type="text" id="midi_type" name="input" disabled style="font-size:14px;width:30px;height:25px;padding:5px 0;text-align: center;"/>
</div>
<div style="display:flex;justify-content: flex-start;">
<label id="lbl_ppqn" for="ppqn" style="font-size:14px;height:20px;">PPQN</label>
<input type="number" id="ppqn" name="input" min="96" max="960" step="96" style="font-size:14px;width:40px;height:25px;padding:5px 0;text-align: center;"/>
</div>
<div style="display:none;justify-content: flex-start;">
<label id="lbl_smpte_frames" for="smpte_frames" style="font-size:14px;height:20px;">SMPTE frames</label>
<input type="text" id="smpte_frames" name="input" style="font-size:14px;width:40px;height:25px;padding:5px 0;text-align: center;"/>
</div>
<div style="display:none;justify-content: flex-start;">
<label id="lbl_ticks_per_frame" for="ticks_per_frame" style="font-size:14px;height:20px;">Ticks per frame</label>
<input type="text" id="ticks_per_frame" name="input" style="font-size:14px;width:40px;height:25px;padding:5px 0;text-align: center;"/>
</div>
<div style="display:flex;justify-content: flex-start;">
<label id="lbl_file_name" for="file_name_midi" style="font-size:14px;height:20px;">File name</label>
<input type="text" id="file_name_midi" name="input" value="ws.mid" style="font-size:14px;width:120px;height:25px;padding:5px;"/>
</div>
<div style="display:flex;justify-content: flex-start;">
<label id="lbl_file_size" for="file_size_midi" style="font-size:14px;height:20px;">File size</label>
<input type="text" id="file_size_midi" name="input" value="2,55 КБ" disabled style="font-size:14px;width:90px;height:25px;padding:5px;"/>
</div>
</div>
<div id="sequencer_body" style="display: flex;flex-direction: row;justify-content: flex-start;height:fit-content;">
<div id="win_part1" style="display:block;height:420px;width:210px;overflow-y: auto;">
</div>
<div id="win_part2" style="position:relative;display:flex;flex-direction: row;width:790px;height: 420px;overflow-y: hidden;background: #C3C3C3;">
<div id="div_rangeNotes_part2" style="overflow-x: hidden;overflow-y: hidden;background:#D5D5D5;height: 400px;margin-top: 20px;">
<canvas id="canvas_rangeNotes_part2" width="45" height="380"></canvas>
</div>
<div id="subwin_part2" style="position:relative;display:flex;flex-direction: column;overflow-x: scroll;overflow-y: scroll;height:420px;width: 100%;">
<div id="ptrTime" style="position:absolute;top:0;left:-2px;width:7px;height:1286px;margin-top: 20px;z-index:1;background:transparent;cursor:pointer;" onmousedown="ptrTimeDragDrope(event);">
<hr style="width:1px;height: 100%;margin: 0 auto;background: red;">
</div>
<canvas id="canvas_scale_part2" height="20" style="position: sticky;top:0;height: 20px;z-index: 1;background: rgb(195, 195, 195);" onclick="cnvScaleClick();" oncontextmenu="cnvScaleMenu(event);"></canvas>
<canvas id="canvas_body_part2" height="380" style="background:gray;"></canvas>
<svg id="svg_body_part2" height="380" action="" oncontextmenu="event.preventDefault();insertNote(event);"></svg>
</div>
</div>
</div>
<div id="sequencer_footer" style="position:relative;display:flex;background: #C3C3C3;height:136px;">
<div id="scale" style="position:absolute;display:flex;justify-content: space-evenly;align-items: center;height:14px;width:40px;overflow: hidden;font-weight:bold;font-size:14px;top:-14px;left:208px;background:#C3C3C3;" title="scale">
<div id="scale1+" style="width:13px;text-align: center;cursor:pointer;" onclick="btnScale(id);">+</div>
<div id="scale10" style="width:13px;text-align: center;cursor:pointer;" onclick="btnScale(id);">o</div>
<div id="scale1-" style="width:13px;text-align: center;cursor:pointer;" onclick="btnScale(id);">-</div>
</div>
<div id="sequencer_subfooter1" style="display:flex;flex-direction: column;justify-content: space-around;border-top:1px solid black;margin-top:1px;">
<div style="display:flex;justify-content: space-around;flex: none;align-items: center;width:208px;">
<button class="btn_sequencer" id="btn_save" onclick="saveFileMidi();">Save</button>
<button class="btn_sequencer" id="btn_trk_add" onclick="addTrack();">+Track</button>
<button class="btn_sequencer" id="btn_grid" onclick="gridTrack();">Grid</button>
</div>
<div style="display:flex;justify-content: space-around;flex: none;align-items: center;width:208px;">
<button class="btn_sequencer" id="btn_newFile" onclick="getNewFileParams();">New</button>
<button class="btn_sequencer" id="btn_trk_del" onclick="delTrack();">-Track</button>
<button class="btn_sequencer" id="btn_trackInfo" onclick="openTrackInfo(id);">Track</button>
</div>
<div style="display:flex;justify-content: space-around;flex: none;align-items: center;width:208px;">
<button class="btn_sequencer" id="btn_export" onclick="openExport(id);">Export</button>
<button class="btn_sequencer" id="btn_report" onclick="openReport(id);">Report</button>
<button class="btn_sequencer" id="btn_stave" onclick="openStave(id);">Stave</button>
</div>
<div style="display:flex;justify-content: space-around;flex: none;align-items: center;width:208px;">
<button class="btn_sequencer" id="btn_help"  onclick="openHelp(id);">Help</button>
<button class="btn_sequencer" id="btn_record"  onclick="openRecord(id);">Record</button>
<button class="btn_sequencer" id="btn_tools" onclick="openTools(id);">Tools</button>
</div>
<div style="display:flex;justify-content: space-around;flex: none;align-items: center;width:208px;">
<button class="btn_sequencer" id="btn_setting" onclick="openSetting(id);">Setting</button>
<button class="btn_sequencer" id="btn_about" onclick="openAbout(id);">About</button>
<button class="btn_sequencer">---</button>
</div>
</div>
<div id="sequencer_subfooter2" style="height:135px;width:770px;border-left: 1px solid black;border-top: 1px solid black;">
<div id="stave" style="display:flex;height:135px;"></div>
</div>
</div>
</div>
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="generator" content="Drupal 11 (https://www.drupal.org)" />

<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />

<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script type="text/javascript">
var midiSynth_url_ajax  = "https://fhafterdinner.top/ajax";
var midiSynth_nonce     = "1f8e9b674b";
</script>
<meta name='robots' content='max-image-preview:large' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<title>midi-Synth | WordPress plugin &#8211; 饭后AfterDinner</title>
<link rel="alternate" type="application/rss+xml" title="饭后AfterDinner &raquo; Feed" href="https://fhafterdinner.top/feed/" />
<link rel="alternate" type="application/rss+xml" title="饭后AfterDinner &raquo; 评论 Feed" href="https://fhafterdinner.top/comments/feed/" />
<link rel="preload" fetchpriority="high" as="image" href="https://fhafterdinner.top/files/uploads/afterdinner-icon.png">
<style id="safelayout-cute-preloader-visible-css" data-no-optimize="1" data-no-minify="1">#sl-preloader{visibility: hidden;}</style><style id='wp-block-site-logo-inline-css'>
.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}
</style>
<style id='wp-block-site-title-inline-css'>
.wp-block-site-title{box-sizing:border-box}.wp-block-site-title :where(a){color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}
</style>
<style id='wp-block-group-inline-css'>
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
</style>
<style id='wp-block-navigation-link-inline-css'>
.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{border-top:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}
</style>


<link rel="stylesheet" type="text/css" href="//fhafterdinner.top/files/cache/wpfc-minified/76z5byvk/7xcd5.css" media="all"/>
<style id='wp-block-post-title-inline-css'>
.wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}
</style>
<style id='wp-block-post-content-inline-css'>
.wp-block-post-content{display:flow-root}
</style>
<style id='wp-block-separator-inline-css'>
@charset "UTF-8";.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important}
</style>
<style id='wp-block-site-tagline-inline-css'>
.wp-block-site-tagline{box-sizing:border-box}
</style>
<style id='wp-block-paragraph-inline-css'>
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
</style>
<style id='wp-block-library-inline-css'>
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--base: #FFFFFF;--wp--preset--color--contrast: #111111;--wp--preset--color--accent-1: #FFEE58;--wp--preset--color--accent-2: #F6CFF4;--wp--preset--color--accent-3: #503AA8;--wp--preset--color--accent-4: #686868;--wp--preset--color--accent-5: #FBFAF3;--wp--preset--color--accent-6: color-mix(in srgb, currentColor 20%, transparent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 0.875rem;--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.196), 1.125rem);--wp--preset--font-size--large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.392), 1.375rem);--wp--preset--font-size--x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.392), 2rem);--wp--preset--font-size--xx-large: clamp(2.15rem, 2.15rem + ((1vw - 0.2rem) * 1.333), 3rem);--wp--preset--font-family--manrope: Manrope, sans-serif;--wp--preset--font-family--stzhongsong: STZhongsong;--wp--preset--spacing--20: 10px;--wp--preset--spacing--30: 20px;--wp--preset--spacing--40: 30px;--wp--preset--spacing--50: clamp(30px, 5vw, 50px);--wp--preset--spacing--60: clamp(30px, 7vw, 70px);--wp--preset--spacing--70: clamp(50px, 7vw, 90px);--wp--preset--spacing--80: clamp(70px, 10vw, 140px);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 645px;--wp--style--global--wide-size: 1340px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.2rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.2rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.2rem;}:root :where(.is-layout-grid){gap: 1.2rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--manrope);font-size: var(--wp--preset--font-size--large);font-weight: 300;letter-spacing: -0.1px;line-height: 1.4;--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--wp--preset--spacing--50);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--wp--preset--spacing--50);}a:where(:not(.wp-element-button)){color: currentColor;text-decoration: underline;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: none;}h1, h2, h3, h4, h5, h6{font-style: normal;font-weight: 400;letter-spacing: -0.1px;line-height: 1.125;}h1{font-size: var(--wp--preset--font-size--xx-large);}h2{font-size: var(--wp--preset--font-size--x-large);}h3{font-size: var(--wp--preset--font-size--large);}h4{font-size: var(--wp--preset--font-size--medium);}h5{font-size: var(--wp--preset--font-size--small);letter-spacing: 0.5px;}h6{font-size: var(--wp--preset--font-size--small);font-weight: 700;letter-spacing: 1.4px;text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--contrast);border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: var(--wp--preset--font-size--medium);line-height: inherit;padding-top: 1rem;padding-right: 2.25rem;padding-bottom: 1rem;padding-left: 2.25rem;text-decoration: none;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);border-color: transparent;color: var(--wp--preset--color--base);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){outline-color: var(--wp--preset--color--accent-4);outline-offset: 2px;}:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){font-size: var(--wp--preset--font-size--small);line-height: 1.4;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-accent-1-color{color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-color{color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-color{color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-color{color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-color{color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-color{color: var(--wp--preset--color--accent-6) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-accent-1-background-color{background-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-background-color{background-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-background-color{background-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-background-color{background-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-background-color{background-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-background-color{background-color: var(--wp--preset--color--accent-6) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-accent-1-border-color{border-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-border-color{border-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-border-color{border-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-border-color{border-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-border-color{border-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-border-color{border-color: var(--wp--preset--color--accent-6) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-manrope-font-family{font-family: var(--wp--preset--font-family--manrope) !important;}.has-stzhongsong-font-family{font-family: var(--wp--preset--font-family--stzhongsong) !important;}a {text-decoration:none;}
a:hover {color:#616161;text-decoration:none;}
:root :where(.wp-block-post-title a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
:root :where(.wp-block-separator){border-color: currentColor;border-width: 0 0 1px 0;border-style: solid;color: var(--wp--preset--color--accent-6);}
:root :where(.wp-block-site-tagline){font-size: var(--wp--preset--font-size--medium);}
:root :where(.wp-block-site-title){font-weight: 700;letter-spacing: -.5px;}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
:root :where(.wp-block-navigation){font-size: var(--wp--preset--font-size--medium);}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
</style>
<style id='block-style-variation-styles-inline-css'>
:root :where(.wp-block-site-logo.is-style-rounded--1){border-radius: 9999px;}
:root :where(.wp-block-site-logo.is-style-rounded--3){border-radius: 9999px;}
</style>
<style id='core-block-supports-inline-css'>
.wp-elements-adf316405e6ab490ea094c9a09110c60 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--base);}.wp-elements-e24c80986e13ab3d929b38d6b46e3019 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--background);}.wp-container-core-group-is-layout-ce155fab{flex-direction:column;align-items:center;}.wp-container-core-group-is-layout-62ac122f{justify-content:center;}.wp-container-core-navigation-is-layout-3108e6a0{gap:var(--wp--preset--spacing--30);justify-content:flex-end;}.wp-container-core-group-is-layout-62a515c9 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-62a515c9 > * + *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-fe9cc265{flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-23441af8{flex-wrap:nowrap;justify-content:center;}.wp-container-core-group-is-layout-0b20373e{flex-wrap:nowrap;gap:var(--wp--preset--spacing--20);justify-content:center;}.wp-container-core-group-is-layout-9366075c{justify-content:space-between;}
</style>
<style id='wp-block-template-skip-link-inline-css'>
.skip-link.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
background-color: #eee;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
</style>


<link rel="stylesheet" type="text/css" href="//fhafterdinner.top/files/cache/wpfc-minified/kelh9n5k/7y18s.css" media="all"/>
<script src='//fhafterdinner.top/files/cache/wpfc-minified/6yidryzb/7y18t.js' type="text/javascript"></script>















<link rel="canonical" href="https://fhafterdinner.top/midi-synth/" />
<link rel='shortlink' href='https://fhafterdinner.top/?p=125' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://fhafterdinner.top/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ffhafterdinner.top%2Fmidi-synth%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://fhafterdinner.top/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ffhafterdinner.top%2Fmidi-synth%2F&#038;format=xml" />
<script type="importmap" id="wp-importmap">
{"imports":{"@wordpress\/interactivity":"https:\/\/fhafterdinner.top\/lib\/js\/dist\/script-modules\/interactivity\/index.min.js?rnd=91321"}}
</script>
<script src='//fhafterdinner.top/files/cache/wpfc-minified/dtkcqby7/7xcd5.js' type="text/javascript"></script>

<link rel="modulepreload" href="https://fhafterdinner.top/lib/js/dist/script-modules/interactivity/index.min.js?rnd=91321" id="@wordpress/interactivity-js-modulepreload"><style class='wp-fonts-local'>
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:fallback;src:url('https://fhafterdinner.top/core/views/ff55dedaeb/assets/fonts/manrope/Manrope-VariableFont_wght.woff2') format('woff2');}
@font-face{font-family:STZhongsong;font-style:normal;font-weight:400;font-display:fallback;src:url('https://fhafterdinner.top/files/uploads/fonts/STZHONGS.ttf') format('truetype');}
</style>
<link rel="icon" href="https://fhafterdinner.top/files/uploads/cropped-饭后-头像-32x32.jpg" sizes="32x32" />
<link rel="icon" href="https://fhafterdinner.top/files/uploads/cropped-饭后-头像-192x192.jpg" sizes="192x192" />
<link rel="apple-touch-icon" href="https://fhafterdinner.top/files/uploads/cropped-饭后-头像-180x180.jpg" />
<meta name="msapplication-TileImage" content="https://fhafterdinner.top/files/uploads/cropped-饭后-头像-270x270.jpg" />
</head>
<body class="wp-singular page-template-default page page-id-125 wp-custom-logo wp-embed-responsive wp-theme-twentytwentyfive"><script id="safelayout-cute-preloader-visible" data-no-delay-js data-no-optimize="1" data-no-minify="1" type="text/javascript">var vStyle = document.createElement("style");document.head.appendChild(vStyle);vStyle.textContent = "#sl-preloader{visibility: visible !important;}";</script><style id="safelayout-cute-preloader-css" data-no-optimize="1" data-no-minify="1">#sl-preloader {height: 100vh;left: 0;max-height: 100%;max-width: 100%;pointer-events: none;position: fixed;top: 0;width: 100vw;z-index: 9999999;}.sl-pl-close-icon {border: 1px solid blue;cursor: pointer;fill: red;height: 30px;stroke-linecap: round;stroke-width: 0.5px;stroke: blue;width: 30px;}#sl-pl-close-button {display: none;pointer-events: auto;position: absolute;right: 10px;top: 10px;z-index: 999;}.sl-pl-loaded .sl-pl-spin,.sl-pl-loaded .sl-pl-text,.sl-pl-loaded .sl-pl-custom,.sl-pl-loaded #sl-pl-counter,.sl-pl-loaded #sl-pl-close-button,.sl-pl-loaded .sl-pl-bar-container,.sl-pl-loaded .sl-pl-brand-container {opacity: 0;transition: opacity 0.5s ease-out 0s;}.sl-pl-back {pointer-events: auto;position: fixed;transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}.sl-pl-back-fade {height: 100%;left: 0;top: 0;width: 100%;}.sl-pl-loaded .sl-pl-back-fade {opacity: 0 !important;}.sl-pl-spin-container {left: 50%;position: absolute;text-align: center;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);width: 100%;}.sl-pl-spin {display: inline-block;height: 50px;position: relative;width: 50px;}.sl-pl-icon-effect {display: inline-block;height: 0;position: absolute;visibility: hidden;width: 0;}.sl-pl-custom {display: inline-block;height: auto;max-width: 100%;}.sl-pl-text {position: relative;line-height: normal;}.sl-pl-text span {display: inline-block;}#sl-pl-spring span {animation: sl-pl-spring-anim 1.2s ease infinite;-webkit-animation: sl-pl-spring-anim 1.2s ease infinite;transform: scaleY(0.8);-webkit-transform: scaleY(0.8);transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%;}@-webkit-keyframes sl-pl-spring-anim {0% {-webkit-transform: scaleY(0.8);}40% {-webkit-transform: scaleY(1.4);}100% {-webkit-transform: scaleY(0.8);}}@keyframes sl-pl-spring-anim {0% {transform: scaleY(0.8);}40% {transform: scaleY(1.4);}100% {transform: scaleY(0.8);}}.sl-pl-brand {display: inline-block;height: auto;max-width: 100%;}.sl-pl-brand-container div {display: inline-block;}.sl-pl-brand-container,.sl-pl-brand-container div {perspective: 200px;-webkit-perspective: 200px;position: relative;text-align: center;}#sl-pl-brand-parent {width: 100%;}#sl-pl-brand-swing {animation: sl-pl-swing-anim 1s linear infinite;-webkit-animation: sl-pl-swing-anim 1s linear infinite;}@-webkit-keyframes sl-pl-swing-anim {20% {-webkit-transform: rotate(15deg);}40% {-webkit-transform: rotate(-10deg);}60% {-webkit-transform: rotate(5deg);}80% {-webkit-transform: rotate(-5deg);}100% {-webkit-transform: rotate(0);}}@keyframes sl-pl-swing-anim {20% {transform: rotate(15deg);}40% {transform: rotate(-10deg);}60% {transform: rotate(5deg);}80% {transform: rotate(-5deg);}100% {transform: rotate(0);}}#sl-pl-counter {position: relative;line-height: normal;white-space: nowrap;width: 100%;}#sl-pl-bar-middle-container {position: relative;}.sl-pl-back{opacity: 0.65;background: #fff !important;}.sl-pl-brand-container{margin-top: 0px !important;margin-bottom: 0px !important;}#sl-pl-counter{font-size: 20px !important;color: #0a0a0a !important;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}.sl-pl-text{font-size: 25px !important;color: #0a0a0a !important;margin-top: 15px !important;}.sl-pl-text span{font-size: 25px !important;color: #0a0a0a !important;}</style><div id="sl-preloader"><div class="sl-pl-back sl-pl-back-fade"></div><div id="sl-pl-close-button"><svg class="sl-pl-close-icon" viewbox="0 0 50 50"><path d="M10 7A3 3 0 0 0 7.879 7.879 3 3 0 0 0 7.879 12.12L20.76 25 7.879 37.88A3 3 0 0 0 7.879 42.12 3 3 0 0 0 12.12 42.12L25 29.24 37.88 42.12A3 3 0 0 0 42.12 42.12 3 3 0 0 0 42.12 37.88L29.24 25 42.12 12.12A3 3 0 0 0 42.12 7.879 3 3 0 0 0 37.88 7.879L25 20.76 12.12 7.879A3 3 0 0 0 10 7Z" /></svg></div><div class="sl-pl-spin-container"><div class="sl-pl-brand-container"><img style="aspect-ratio: 240 / 240" width="240" height="240" data-no-lazy="1" class="skip-lazy sl-pl-brand" alt="afterdinner-icon" src="https://fhafterdinner.top/files/uploads/afterdinner-icon.png" id="sl-pl-brand-swing" /></div><div id="sl-pl-counter">0<span>%</span></div><div id="sl-pl-spring" class="sl-pl-text"><span style="animation-delay:0s;-webkit-animation-delay:0s">L</span><span style="animation-delay:0.06s;-webkit-animation-delay:0.06s">o</span><span style="animation-delay:0.12s;-webkit-animation-delay:0.12s">a</span><span style="animation-delay:0.18s;-webkit-animation-delay:0.18s">d</span><span style="animation-delay:0.24s;-webkit-animation-delay:0.24s">i</span><span style="animation-delay:0.3s;-webkit-animation-delay:0.3s">n</span><span style="animation-delay:0.36s;-webkit-animation-delay:0.36s">g</span> <span style="animation-delay:0.42s;-webkit-animation-delay:0.42s">.</span><span style="animation-delay:0.48s;-webkit-animation-delay:0.48s">.</span><span style="animation-delay:0.54s;-webkit-animation-delay:0.54s">.</span></div></div></div>
<div class="wp-site-blocks"><header class="wp-block-template-part">
<div class="wp-block-cover alignfull" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:60px;border-bottom-right-radius:60px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:244px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#e4e4e4"></span><img decoding="async" width="1920" height="2560" class="wp-block-cover__image-background wp-image-15" alt="" src="https://fhafterdinner.top/files/uploads/PicsArt_01-23-04.29.30-scaled.jpg" style="object-position:61% 43%" data-object-fit="cover" data-object-position="61% 43%" srcset="https://fhafterdinner.top/files/uploads/PicsArt_01-23-04.29.30-scaled.jpg 1920w, https://fhafterdinner.top/files/uploads/PicsArt_01-23-04.29.30-225x300.jpg 225w, https://fhafterdinner.top/files/uploads/PicsArt_01-23-04.29.30-768x1024.jpg 768w, https://fhafterdinner.top/files/uploads/PicsArt_01-23-04.29.30-1152x1536.jpg 1152w, https://fhafterdinner.top/files/uploads/PicsArt_01-23-04.29.30-1536x2048.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<div class="wp-block-group alignwide has-base-color has-text-color has-link-color wp-elements-adf316405e6ab490ea094c9a09110c60 is-content-justification-center is-layout-flex wp-container-core-group-is-layout-62ac122f wp-block-group-is-layout-flex" style="margin-top:0;margin-bottom:0">
<div class="wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-ce155fab wp-block-group-is-layout-flex"><div class="is-default-size is-style-rounded is-style-rounded--1 wp-block-site-logo"><a href="https://fhafterdinner.top/" class="custom-logo-link" rel="home"><img width="640" height="640" src="https://fhafterdinner.top/files/uploads/饭后-头像.jpg" class="custom-logo" alt="饭后AfterDinner" decoding="async" fetchpriority="high" srcset="https://fhafterdinner.top/files/uploads/饭后-头像.jpg 640w, https://fhafterdinner.top/files/uploads/饭后-头像-300x300.jpg 300w, https://fhafterdinner.top/files/uploads/饭后-头像-150x150.jpg 150w" sizes="(max-width: 640px) 100vw, 640px" /></a></div>
<h1 class="has-link-color wp-elements-e24c80986e13ab3d929b38d6b46e3019 wp-block-site-title has-text-color has-white-color has-medium-font-size"><a href="https://fhafterdinner.top" target="_self" rel="home">饭后AfterDinner</a></h1></div>
</div>
<div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-62a515c9 wp-block-group-is-layout-flow" style="padding-right:48px;padding-left:48px"><nav style="color: #bfbfbf;" class="has-text-color is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-3108e6a0 wp-block-navigation-is-layout-flex" aria-label="导航栏" 
data-wp-interactive="core/navigation" data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"\u83dc\u5355"}'><button aria-haspopup="dialog" aria-label="打开菜单" class="wp-block-navigation__responsive-container-open" 
data-wp-on-async--click="actions.openMenuOnClick"
data-wp-on--keydown="actions.handleMenuKeydown"
><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5" /><rect x="4" y="15" width="16" height="1.5" /></svg></button>
<div class="wp-block-navigation__responsive-container"  id="modal-2" 
data-wp-class--has-modal-open="state.isMenuOpen"
data-wp-class--is-menu-open="state.isMenuOpen"
data-wp-watch="callbacks.initMenu"
data-wp-on--keydown="actions.handleMenuKeydown"
data-wp-on-async--focusout="actions.handleMenuFocusout"
tabindex="-1"
>
<div class="wp-block-navigation__responsive-close" tabindex="-1">
<div class="wp-block-navigation__responsive-dialog" 
data-wp-bind--aria-modal="state.ariaModal"
data-wp-bind--aria-label="state.ariaLabel"
data-wp-bind--role="state.roleAttribute"
>
<button aria-label="关闭菜单" class="wp-block-navigation__responsive-container-close" 
data-wp-on-async--click="actions.closeMenuOnClick"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>
<div class="wp-block-navigation__responsive-container-content" 
data-wp-watch="callbacks.focusFirstElement"
id="modal-2-content">
<ul style="color: #bfbfbf;" class="wp-block-navigation__container has-text-color is-responsive items-justified-right wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="https://fhafterdinner.top/about-afterdinner/"><span class="wp-block-navigation-item__label">饭后AfterDinner的自我介绍</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="https://fhafterdinner.top/about-chbnuohuang/"><span class="wp-block-navigation-item__label">诺惶的自我介绍</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="https://zh.moegirl.org.cn/%E9%A5%AD%E5%90%8EAfterDinner"><span class="wp-block-navigation-item__label">萌娘百科</span></a></li></ul>
</div>
</div>
</div>
</div></nav></div>
</div></div>
</header>
<main class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:0">
<div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><h1 class="wp-block-post-title">midi-Synth | WordPress plugin</h1>
<div class="entry-content alignfull wp-block-post-content has-global-padding is-layout-constrained wp-block-post-content-is-layout-constrained">
</div></div>
</main>
<footer class="wp-block-template-part">
<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:0"/>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-9366075c wp-block-group-is-layout-flex">
<div class="wp-block-group alignfull is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-23441af8 wp-block-group-is-layout-flex"><div class="is-default-size is-style-rounded is-style-rounded--3 wp-block-site-logo"><a href="https://fhafterdinner.top/" class="custom-logo-link" rel="home"><img width="640" height="640" src="https://fhafterdinner.top/files/uploads/饭后-头像.jpg" class="custom-logo" alt="饭后AfterDinner" decoding="async" srcset="https://fhafterdinner.top/files/uploads/饭后-头像.jpg 640w, https://fhafterdinner.top/files/uploads/饭后-头像-300x300.jpg 300w, https://fhafterdinner.top/files/uploads/饭后-头像-150x150.jpg 150w" sizes="(max-width: 640px) 100vw, 640px" /></a></div>
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex"><h2 class="has-text-align-center wp-block-site-title"><a href="https://fhafterdinner.top" target="_self" rel="home">饭后AfterDinner</a></h2>
<p class="has-text-align-center wp-block-site-tagline">目标是成为职业音乐人！お金をください！！</p></div>
</div>
<div class="wp-block-group alignfull is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0b20373e wp-block-group-is-layout-flex">
<p class="has-small-font-size">二〇二五</p>
<p class="has-text-align-center has-small-font-size">Powered by  <a href="https://cn.wordpress.org" rel="nofollow">WordPress</a> .</p>
</div>
</div>
</div>
</footer></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/twentytwentyfive\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="safelayout-cute-preloader-progress-bar-script-js" data-no-delay-js data-no-optimize="1" data-no-minify="1" type="text/javascript">
function slplExecAnim( timeStamp ) {
if ( ! slplStartT ) {
slplStartT = timeStamp;
}
const elapsed = timeStamp - slplStartT;
if ( slplPreviousT !== timeStamp ) {
slplPercent = Math.min( ( elapsed / slplDuration ) * ( slplEnd - slplBegin ) + slplBegin, slplEnd);
let slplTrans = Math.abs( 100 - slplPercent );
let slplPos = 0.5;
if ( slplProgress1 ) {
slplProgress1.style.transform = "translateX(" + ( -slplDir * slplTrans ) + "%)";
slplProgress2.style.transform = "translateX(" + ( slplDir * slplTrans ) + "%)";
}
if ( slplCounter ) {
if ( slplPos != 2 && slplProgress1 ) {
slplCounter.style.transform = "translate(" + ( -( Math.min( slplDir + 1, 1 ) - slplPos ) * slplTrans ) + "%, -50%)";
}
slplCounter.textContent = Math.ceil( slplPercent ) + "%";
}
}
if ( elapsed < slplDuration ) {
previousTimeStamp = timeStamp;
if ( slplPercent < slplEnd ) {
slplAnim = window.requestAnimationFrame( slplExecAnim );
}
}
}
function slplResourceComplete() {
if ( slplPercent < 100 ) {
window.cancelAnimationFrame( slplAnim );
let dur = ( slplPercent < 30 ) ? 450 : ( slplPercent < 50 ) ? 350 :( slplPercent < 70 ) ? 250 : 200;
slplStartAnim( dur, slplPercent, 100 );
}
return slplPercent;
}
function slplStartAnim( dur, begin, end ) {
slplStartT = null;
slplPreviousT = 0;
slplDuration = dur;
slplBegin = begin;
slplEnd = end;
slplAnim = window.requestAnimationFrame( slplExecAnim );
}
document.addEventListener( 'readystatechange', function() {
if ( document.readyState === 'complete' ) {
slplResourceComplete();
}
});
var slplImgs = document.images,
slplVids = document.getElementsByTagName('video'),
slplDir = document.dir === 'rtl' ? -1 : 1,
slplProgress1 = document.getElementById('sl-pl-progress-view1'),
slplProgress2 = document.getElementById('sl-pl-progress-view2'),
slplCounter = document.getElementById('sl-pl-counter'),
slplMax = Math.floor(Math.random() * 10 + 80),
slplResource = 0,
slplPercent = 0,
slplAnim,
slplDuration,
slplBegin,
slplEnd,
slplStartT,
slplPreviousT;
for ( var i = 0, len = slplImgs.length; i < len; i++ ) {
if ( slplImgs[i].loading != 'lazy' && ! slplImgs[i].complete && slplImgs[i].src ) {
slplResource++;
}
}
for ( var i = 0, len = slplVids.length; i < len; i++ ) {
if ( slplVids[i].poster ) {
slplResource++;
}
if ( slplVids[i].preload != 'none' ) {
slplResource++;
}
}
if ( slplResource <= 20 ) {
slplStartAnim( 1300, 0, slplMax );
} else {
slplStartAnim( Math.min( 20 * slplResource + 900, 5000 ), 0, slplMax );
}
</script>
<script id="wp-block-template-skip-link-js-after">
( function() {
var skipLinkTarget = document.querySelector( 'main' ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( '.wp-site-blocks' );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( 'a' );
skipLink.classList.add( 'skip-link', 'screen-reader-text' );
skipLink.id = 'wp-skip-link';
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerText = '跳至内容';
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() );
</script>
<script data-no-delay-js data-no-optimize="1" data-no-minify="1" id="safelayout-cute-preloader-script-js-before">
var slplPreLoader = {"showingLoader":true,"pageLoaded":false,"minShowTime":500,"maxShowTime":9000,"showCloseButton":5000}
</script>
<script data-no-delay-js data-no-optimize="1" data-no-minify="1" src="https://fhafterdinner.top/core/modules/977147d4b9/assets/js/safelayout-cute-preloader.min.js?rnd=91321" id="safelayout-cute-preloader-script-js"></script>
<script type="text/javascript">
//<![CDATA[
(function() {"use strict";
function __IsDevToolOpen() {const widthDiff = window.outerWidth - window.innerWidth > 160;const heightDiff = window.outerHeight - window.innerHeight > 160;if (navigator.userAgent.match(/iPhone/i)) return false;if (!(heightDiff && widthDiff) && ((window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized) || widthDiff || heightDiff)) {document.dispatchEvent(new Event('hmwp_is_devtool'));return true;}return false;}
var __devToolCheckInterval = setInterval(__IsDevToolOpen, 500);
function __disableOpen404() {document.documentElement.remove();}
function __showError(message) {var div = document.getElementById('disable_msg');if (message !== '' && div && (!div.style.display || div.style.display == 'none')) {div.innerHTML = message;div.style.display = 'block';setTimeout(function() {div.style.display = 'none';}, 1000);}}
function __disableEventListener(element, eventNames, message) {var events = eventNames.split(' ');events.forEach(function(event) {element.addEventListener(event, function(e) {e.preventDefault();if (message !== '') __showError(message);});});}
function __returnFalse() {return false;}
document.addEventListener("keydown", function(event) {
if ((event.ctrlKey || event.metaKey) && event.keyCode === 85) {event.preventDefault();__showError('View Source is disabled!');return false;}});
document.addEventListener("contextmenu", function(event) {event.preventDefault();return false;});
})();
//]]>
</script>
<style>#disable_msg{display:none;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:999;left:50%;bottom:30px;font-size:17px}}</style>
<div id="disable_msg"></div></body>
</html><!-- via php -->