Skip to content

Electron #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Mar 16, 2022
Merged

Electron #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
46ebbd0
starting electron
jeffmikels Dec 7, 2021
8e34773
works
jeffmikels Dec 7, 2021
df5be83
works
jeffmikels Dec 7, 2021
7ba6be0
works
jeffmikels Dec 7, 2021
a643eda
works
jeffmikels Dec 7, 2021
2925c47
works
jeffmikels Dec 7, 2021
e0dfc6e
works
jeffmikels Dec 7, 2021
c6c1b41
works
jeffmikels Dec 7, 2021
8a9d105
works
jeffmikels Dec 7, 2021
112e641
works
jeffmikels Dec 7, 2021
5a41dcf
added windows executable
jeffmikels Dec 7, 2021
e6300f0
bundled-better
jeffmikels Dec 8, 2021
ea66857
bundled-better
jeffmikels Dec 8, 2021
7a3b585
added ios to the readme
jeffmikels Mar 16, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 4 additions & 6 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
# vMix Snapshot Proxy


vMix has a robust API, but one key limitation of the API is that while you can
tell vMix to take a snapshot of an input, it will save the image on the vMix
machine but not send the image over the network.
Expand All @@ -10,11 +9,10 @@ for those images.

The application is especially helpful in providing preview images of each input for

[Unofficial vMix Remote Control](https://play.google.com/store/apps/details?id=org.jeffmikels.vmix_remote)


[Unofficial vMix Remote Control for Android](https://play.google.com/store/apps/details?id=org.jeffmikels.vmix_remote)
[Unofficial vMix Remote Control for iOS](https://apps.apple.com/us/app/unofficial-vmix-remote-control/id1551404035)

## Installation
## Installation for Advanced Users

These commands should be run on the same computer that is running vMix.

Expand Down Expand Up @@ -53,4 +51,4 @@ Open a browser and visit:

`http://[PROXY_IP_ADDRESS]:8098/[INPUT_NUMBER].jpg`

Every time you visit that address, you will receive a new snapshot image of the selected input.
Every time you visit that address, you will receive a new snapshot image of the selected input.
25 changes: 25 additions & 0 deletions build-win.sh
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
#!/bin/bash

# this process assembles the electron app manually
# assuming the binary has already been downloaded into the release directory

TARGET=release/vmix-snapshot-proxy/resources/app
if [[ ! -d $TARGET ]]; then mkdir "$TARGET"; fi
rm -rf $TARGET/*
mkdir "$TARGET/lib"

install() {
cp "$1" "$TARGET/$1"
}

install package.json
install main.js
install preload.js
install renderer.js
install index.html
install lib/vue.js

# install node_modules
pushd "$TARGET"
npm i --production
popd
53 changes: 53 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> -->
<!-- <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'"> -->
<!-- <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" /> -->
<link rel="stylesheet" type="text/css" href="./style.css" />
<title>vMix Snapshot Proxy</title>
</head>
<body>
<div id="app">
<div id="status" :class="status">{{status}}</div>
<h1>vMix Snapshot Proxy</h1>

<h2>Instructions: <button @click="show_instructions = !show_instructions">{{show_instructions? 'HIDE':'SHOW'}}</button></h2>
<div id="instructions" v-if="show_instructions">
<ul>
<li>This app should be running on the same computer that's running vMix.</li>
<li>vMix Settings must enable remote access over port 8088.</li>
<li>You must configure the vMix Storage directory and select it here.</li>
</ul>
</div>

<h2>Server Settings: <button @click="show_status = !show_status">{{show_status? 'HIDE':'SHOW'}}</button></h2>
<div v-if="show_status">
<div>
<label for="storage_dir">vMix Storage Directory: </label>
<input name="storage_dir" id="storage_dir" v-model="storage_dir" @change="updateStorageDir" style="width: 100%" />
</div>
<p><pre>{{msg}}</pre></p>
</div>

<h2>Debug: <button @click="show_debug = !show_debug">{{show_debug? 'HIDE':'SHOW'}}</button></h2>
<div v-if="show_debug">
<p><pre>{{output}}</pre></p>
</div>

<h2>Inputs: <button @click="show_inputs = !show_inputs">{{show_inputs? 'HIDE':'SHOW'}}</button></h2>
<p v-if="loading">loading inputs...</p>
<div id="inputs" v-if="show_inputs" >
<div v-for="input in inputs" class="input">
<img class="preview" v-if="input.url" v-bind:src="input.url" alt="" />
<div class="preview" v-if="!input.url">&nbsp;</div>
<div class="caption">{{input.number}}. {{input.text}}</div>
</div>
</div>
</div>
<script src="./lib/vue.js"></script>
<script src="./renderer.js"></script>
</body>
</html>
6 changes: 6 additions & 0 deletions lib/vue.js
View file
Open in desktop

Large diffs are not rendered by default.

Loading