webvsc-ui's Introduction

webvsc-ui

Description

Web frontend for webvsc, a converter for Winamp AVS presets.

Installation

Use your preferred Node package manager to install the mode

yarn add @visbot/webvsc-ui || npm install @visbot/webvsc-ui

Usage

Embedding the converter into a website is easy

<head>
    <!-- Import the style-sheet -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@visbot/webvsc-ui@latest/dist/webvsc-ui.css">
</head>
<body>
    <!-- Add a droparea -->
    <div id="drop-area"></div>

    <!-- Import the script -->
    <script src="https://cdn.jsdelivr.net/npm/@visbot/webvsc-ui@latest/dist/webvsc-ui.js"></script>

    <!-- Initialize the script -->
    <script>
      var ui = new Webvsc(document.getElementById('drop-area'));
    </script>
</body>
</html>

Options

Pass options in an object to configure the appearance

var element = document.getElementById('drop-area');
var options = {
  innerHTML: "<p>Drop it like it's hot</p>",
  width: '800px',
  height: '600px'
};

var ui = new Webvsc(element, options);

Parameters

Advanced users can tweak some of the defaults using URL parameters

URL Parameter	Description
`verbose=<n>`	adjust output level (0-2)
`level=<n>`	adjust ZIP compression (0-9)
`minify`	minify output JSON

Support

The converter has been only been tested on most recent browsers at the time of its first release. These include the following, but might extend to older versions.

Browser	Known Issues
💀 Android Browser (Nougat)	fails to upload
💯 Chrome 62	-
💯 Firefox 56	-
💀 Edge (Windows 10.0.15063)	fails on upload
💯 Opera 49	-
💯 Safari 11	-
🤔 Mobile Chrome 62	single upload
🤔 Mobile Safari (iOS 11)	single upload, saves ZIP as `untitled.zip`
💯 Vivaldi 1.12	-

License

All code is licensed under The MIT License

webvsc-ui's People

Contributors

Stargazers

Watchers

webvsc-ui's Issues

Feature: Add non-drag-n-drop mode

If you don't regularly use file browsers, but only terminals, it's a bit cumbersome to upload a file to the UI.
Could there be a regular Upload button of some sort on the website? Maybe just a link in the text, or something...

Recommend Projects