video-bubbles
Version:
<img src="images/bubbles-logo.svg" alt="Bubbles logo" width="50%" />
104 lines (98 loc) • 5.6 kB
HTML
<html>
<head>
<meta charset="UTF-8" />
<title>Bubbles</title>
<link href="../../../node_modules/normalize.css/normalize.css" rel="stylesheet">
<link href="../css/bubbles.css" rel="stylesheet">
<link href="../css/stage.css" rel="stylesheet">
<link href="../css/panel.css" rel="stylesheet">
<link href="../css/score-panel.css" rel="stylesheet">
<link href="../css/midi-port-selector.css" rel="stylesheet">
<link href="../css/show-hide-button.css" rel="stylesheet">
<link href="../css/layer-stack.css" rel="stylesheet">
<link href="../css/video-layer.css" rel="stylesheet">
<link href="../css/svg-button.css" rel="stylesheet">
<link href="../css/add-video-button.css" rel="stylesheet">
<link href="../css/add-layer-button.css" rel="stylesheet">
<link href="../css/modulation-matrix.css" rel="stylesheet">
<script src="../../../node_modules/infusion-electron/src/renderer-process/namespace-electron-globals.js"></script>
<script src="../../../node_modules/infusion/dist/infusion-framework.js"></script>
<script src="../../../node_modules/fluid-binder/src/js/binder.js"></script>
<script src="../../../node_modules/fluid-binder/src/js/transforms.js"></script>
<script src="../../../node_modules/flocking/dist/flocking-base.js"></script>
<script src="../../../node_modules/flocking/src/ui/selectbox/js/selectbox.js"></script>
<script src="../../../node_modules/flocking/src/ui/midi/midi-port-selector/js/midi-port-selector.js"></script>
<script src="../../../node_modules/flocking/src/ui/midi/midi-connector/js/midi-connector.js"></script>
<!-- TODO: Add other Flocking files as needed. -->
<script src="../../../node_modules/bergson/dist/bergson-only.js"></script>
<script src="../../../node_modules/aconite/dist/aconite-only.js"></script>
<script src="../js/utils.js"></script>
<script src="../js/idle-mouse-notifier.js"></script>
<script src="../js/show-hide-button.js"></script>
<script src="../js/panel.js"></script>
<script src="../js/score-panel.js"></script>
<script src="../js/midi-port-selector.js"></script>
<script src="../js/flocking-midi-select-ng/select-box.js"></script>
<script src="../js/flocking-midi-select-ng/auto-midi-connector.js"></script>
<script src="../js/flocking-midi-select-ng/auto-midi-port-selector.js"></script>
<script src="../js/flocking-midi-select-ng/auto-midi-selector.js"></script>
<script src="../js/flocking-midi-select-ng/auto-midi-system.js"></script>
<script src="../js/opacities-modulator.js"></script>
<script src="../js/opacity-relayer.js"></script>
<script src="../js/osc-port.js"></script>
<script src="../js/osc-udp-port.js"></script>
<script src="../js/one-pole-filter.js"></script>
<script src="../js/osc-source.js"></script>
<script src="../js/osc-relayer.js"></script>
<script src="../js/midi-source.js"></script>
<script src="../js/midi-manager.js"></script>
<script src="../js/midi-opacity-relayer.js"></script>
<script src="../js/midi-opacities-modulator.js"></script>
<script src="../js/midi-cc-relayer.js"></script>
<script src="../js/normalized-opacity-relayer.js"></script>
<script src="../js/normalized-opacities-modulator.js"></script>
<script src="../js/layer-stack.js"></script>
<script src="../js/dynamic-component-manager.js"></script>
<script src="../js/add-layer-button.js"></script>
<script src="../js/video-player.js"></script>
<script src="../js/video-layer.js"></script>
<script src="../js/video-layer-view.js"></script>
<script src="../js/layer-uniform-relayer.js"></script>
<script src="../js/modulation-matrix-view.js"></script>
<script src="../js/modulation-view.js"></script>
<script src="../js/svg-button.js"></script>
<script src="../js/add-video-button.js"></script>
<script src="../js/open-file-dialog.js"></script>
<script src="../js/gl-renderer.js"></script>
<script src="../js/compositor.js"></script>
<script src="../js/stage-view.js"></script>
<script src="../js/electron-remote.js"></script>
<script src="../js/full-screen-manager.js"></script>
<script src="../js/bubbles-composition.js"></script>
</head>
<body>
<div class="bubbles-composition">
<div class="bubbles-stage">
<div class="aconite-video-container">
<canvas class="aconite-animator-canvas" width="1920" height="1080"></canvas>
</div>
</div>
<div class="bubbles-score-panel bubbles-panel">
<div class="bubbles-midi-port-selector"></div>
<div class="bubbles-osc-panel">
<input class="bubbles-osc-checkbox" type="checkbox" id="osc" name="osc">
<label for="osc">Listen for Open Sound Control Messages</label>
</div>
<div class="scroller">
<div class="bubbles-layer-stack">
<div class="bubbles-add-layer"></div>
</div>
</div>
</div>
</div>
<script>
bubblesComposition = bubbles.composition(".bubbles-composition");
</script>
</body>
</html>