diff options
| author | Richard <q@1bpm.net> | 2025-04-13 18:48:02 +0100 |
|---|---|---|
| committer | Richard <q@1bpm.net> | 2025-04-13 18:48:02 +0100 |
| commit | 9fbf91db06a6d4f4b5cd8bb45389a731bb86bf22 (patch) | |
| tree | 291bd79ce340e67affa755a8a6b4f6a83cce93ea /site/app/twine/index.html | |
| download | apps.csound.1bpm.net-9fbf91db06a6d4f4b5cd8bb45389a731bb86bf22.tar.gz apps.csound.1bpm.net-9fbf91db06a6d4f4b5cd8bb45389a731bb86bf22.tar.bz2 apps.csound.1bpm.net-9fbf91db06a6d4f4b5cd8bb45389a731bb86bf22.zip | |
initial
Diffstat (limited to 'site/app/twine/index.html')
| -rw-r--r-- | site/app/twine/index.html | 209 |
1 files changed, 209 insertions, 0 deletions
diff --git a/site/app/twine/index.html b/site/app/twine/index.html new file mode 100644 index 0000000..1a8f4f9 --- /dev/null +++ b/site/app/twine/index.html @@ -0,0 +1,209 @@ +<html>
+<head>
+<title>twine</title>
+<link rel="stylesheet" href="../twirl/theme.css">
+<link rel="stylesheet" href="../twirl/twirl.css">
+<link rel="stylesheet" href="../twigs/twigs.css">
+<link rel="stylesheet" href="../twist/twist.css">
+<link rel="stylesheet" href="twine.css">
+<script type="text/javascript" src="https://apps.csound.1bpm.net/code/jquery.js"></script>
+<script type="text/javascript" src="https://apps.csound.1bpm.net/code/d3.v7.min.js"></script>
+<script type="text/javascript" src="https://apps.csound.1bpm.net/code/input-knobs.js"></script>
+<!--<script type="text/javascript" src="libflac.min.js"></script>-->
+<script type="text/javascript" src="../base/base.js"></script>
+<script type="text/javascript" src="../base/controls.js"></script>
+<script type="text/javascript" src="../twirl/twirl.js"></script>
+<script type="text/javascript" src="../twirl/appdata.js"></script>
+<script type="text/javascript" src="../twirl/transform.js"></script>
+<script type="text/javascript" src="../twirl/stdui.js"></script>
+<script type="text/javascript" src="../base/waveform.js"></script>
+<script type="text/javascript" src="../base/spline-edit.js"></script>
+<script type="text/javascript" src="../base/analyser.js"></script>
+<script type="text/javascript" src="../twist/twist_ui.js"></script>
+<script type="text/javascript" src="../twist/twist.js"></script>
+<script type="text/javascript" src="../twigs/twigs_ui.js"></script>
+<script type="text/javascript" src="../twigs/twigs.js"></script>
+<script type="text/javascript" src="twine_ui.js"></script>
+<script type="text/javascript" src="timeline.js"></script>
+<script type="text/javascript" src="channel.js"></script>
+<script type="text/javascript" src="clip.js"></script>
+<script type="text/javascript" src="mixer.js"></script>
+<script type="text/javascript" src="twine.js"></script>
+<script type="text/javascript">
+ $(twine_start);
+</script>
+</head>
+<body>
+<div id="twine">
+ <div id="twine_header">
+ <table id="twine_headertable"><tbody><tr>
+ <td id="twine_head_play"></td>
+ <td id="twine_head_snap"></td>
+ <td id="twine_head_showgrid"></td>
+ <td id="twine_head_name"></td>
+ </tr></tbody></table>
+ </div>
+ <div id="twine_menubar"></div>
+ <div id="twine_main">
+ <div id="twine_timeline"></div>
+ <div id="twine_details">
+ <div id="twine_mixer"></div>
+ <div id="twine_channeldetails"></div>
+ <div id="twine_clipdetails">
+ <div id="twine_clipdetailsaudio">
+ <div class="twine_clipdetailsleft">
+ <table><tbody>
+ <tr>
+ <td id="twine_clip_audition"></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td id="twine_clip_colour"></td>
+ <td id="twine_clip_name"></td>
+ <td id="twine_clip_edittwist"></td>
+ <td id="twine_clip_edittwigs"></td>
+ </tr>
+ </tbody></table>
+ <table><tbody>
+ <tr>
+ <td>Read type</td>
+ <td id="twine_clip_warpmode"></td>
+ <td id="twine_clip_warp"></td>
+ <td id="twine_clip_loop"></td>
+ </tr>
+ </tbody></table>
+ <table><tbody id="twine_clipparamsbottom">
+ </tbody></table>
+ </div>
+ <div id="twine_clipdetailsrightaudio" class="twine_clipdetailsright"></div>
+ </div>
+ <div id="twine_clipdetailsscript">
+ <div class="twine_clipdetailsleft">
+ <table><tbody>
+ <tr>
+ <td id="twine_clip_scriptaudition"></td>
+ </tr>
+ <tr>
+ <td id="twine_clip_scriptapply"></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div id="twine_clip_scriptedit" class="twine_clipdetailsright">
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+<div id="twigs">
+ <div id="twigs_hidden_links">
+ <a id="twigs_contact" href="https://csound.1bpm.net/contact/?type=general&app=twigs" target="_blank">Contact</a>
+ <a id="twigs_reportbug" href="https://csound.1bpm.net/contact/?type=report_bug&app=twigs" target="_blank">Report bug</a>
+ <a id="twigs_documentation" href="documentation.html" target="_blank">Documentation</a>
+ </div>
+ <div id="twigs_menubar"></div>
+ <div id="twigs_main">
+ <div id="twigs_sidebar"></div>
+ <div id="twigs_options"></div>
+ <div id="twigs_editor">
+ <div id="twigs_editor_inner">
+ <div id="twigs_playhead"></div>
+ <div id="twigs_selection"></div>
+ </div>
+ <div id="twigs_editor_hscrollouter">
+ <div id="twigs_editor_hscrollinner"></div>
+ </div>
+ <div id="twigs_editor_vscrollouter">
+ <div id="twigs_editor_vscrollinner"></div>
+ </div>
+ <div id="twigs_editor_vzoom"></div>
+ <div id="twigs_editor_hzoom"></div>
+ </div>
+ </div>
+</div>
+
+
+<div id="twist">
+ <div id="twist_menubar"></div>
+ <div id="twist_main">
+ <div id="twist_views">
+ <div id="twist_analyser"></div>
+ <div id="twist_waveforms"></div>
+ <div id="twist_splines"></div>
+ </div>
+ <div id="twist_sidepane">
+ <div id="twist_panetree"></div>
+ </div>
+ <div id="twist_controls">
+ <div id="twist_wavecontrols">
+ <table><tbody><tr id="twist_waveform_tabs"></tr><tbody></table>
+ <table><tbody><tr id="twist_wavecontrols_inner"></tr><tbody></table>
+ </div>
+ <div id="twist_controls_inner"></div>
+ </div>
+ </div>
+ <div id="twist_welcome">
+ <h4>Hello</h4>
+ Hover over icons and parameter names to see what they do. Transforms can be selected
+ from the menu on the left; the current file can have the transform auditioned (previewed) or committed (applied). Check out the help and settings for further tips and customisation.<br />
+ At the moment, there is a limitation on files to around five minutes in duration.
+ <hr />
+ </div>
+ <div id="twist_script" class="fullscreen_overlay">
+ <h3>Scripting</h3>
+ Scripts can be an individual JSON object or an array of objects in which case they will be committed sequentially. Only single transform scripts can be auditioned.
+ <hr />
+ <textarea id="twist_scriptsource" class="twist_devcode"></textarea>
+ <br />
+ <button id="twist_scriptstop">Stop</button>
+ <button id="twist_scriptaudition" class="twist_scriptbutton">Audition</button>
+ <button id="twist_scriptcommit" class="twist_scriptbutton">Commit</button>
+ <button id="twist_scriptloadlast" class="twist_scriptbutton">Load last</button>
+ <button id="twist_scriptloadall" class="twist_scriptbutton">Load all</button>
+ <button id="twist_scriptcancel" class="twist_scriptbutton">Cancel</button>
+ </div>
+ <div id="twist_developer" class="fullscreen_overlay">
+ <h3>Developer console</h3>
+ Code for transforms can be tested here. The code and definition should follow the guidance and API documentation <a id="twist_developer_documentation" href="developer_documentation.html" target="_blank">provided here.</a> The JSON definition should be a single transform as a JSON object, but mutiple transforms may be loaded individually.<br />
+ Contributions of transforms are warmly welcomed and <a id="twist_developer_submit" href="https://csound.1bpm.net/contact/?type=twist_submit" target="_blank">can be submitted here.</a>
+ <h4>Csound code</h4>
+ <textarea class="twist_devcode" id="twist_devcsound"></textarea>
+ <br /><button id="twist_inject_devcsound">Load Csound orchestra code</button>
+ <hr />
+ <h4>JSON transform definition</h4>
+ <textarea class="twist_devcode" id="twist_devjson"></textarea>
+ <br /><button id="twist_inject_devjson">Load JSON</button>
+ <hr />
+ <button id="twist_exit_devcode">Exit</button>
+ </div>
+ <div id="twist_crash">
+ <h2>twist has crashed.</h2>
+ We are working hard on ironing out all the bugs, but some still occur. To help, details of the last transform you attempted to audition or commit have been sent to the developers.
+ <a href=".">Press here to reload the application.</a>
+ <hr />
+ <div id="twist_crash_recovery">Attempting to recover your work...</div>
+ </div>
+ <div id="twist_hidden_links">
+ <a id="twist_contact" href="https://csound.1bpm.net/contact/?type=general&app=twist" target="_blank">Contact</a>
+ <a id="twist_reportbug" href="https://csound.1bpm.net/contact/?type=report_bug&app=twist" target="_blank">Report bug</a>
+ <a id="twist_documentation" href="documentation.html" target="_blank">Documentation</a>
+ </div>
+</div>
+
+
+
+<div id="twine_start">
+ <div id="twine_startinner">
+ <h1>twine</h1>
+ <p>audio arranger</p>
+ <div id="twine_startbig">Press to begin</div>
+ </div>
+</div>
+</body>
+</html>
\ No newline at end of file |