Coder Social home page Coder Social logo

artisticlyweb's Introduction

Artisticly Web

Vue Badge PWA Badge
Discover anyone's Artisticly library via the web, on your phone or on a computer.

How it works

When you first arrive on the website, you will be directly redirect to /settings with a server URL and an access code. Once entered, press Update.

If the entered server is an online Artisticly server, the button should say Updated. Now you can tap/click back on the Artisticly logo in the top left, and the song library should appear!
Mobile Updated

There is also an alternative way of doing so, that is quicker and used by the default Artisticly app, that is to send the root URL with the query url, that would be like so: https://example.com/?url=https://artisticly.example.com/, and if needed, there is also a code query to provide anyone a default access code.
If the URL isn't an Artisticly server, users will be redirected in the /settings page.

Library

After loading the library, you will see all 20 first songs of your library, the private ones included if the access code is correct. Tap or click on a song to start/pause it (1), this also works in the Now Playing ornament at the bottom of the screen (2). If the perfect song is not in the 20 firsts, then scroll at the very bottom and tap Load more (3), and 20 additional songs from your library will be added!
Mobile Updated

Sharing a music

You can share an individual music by doing the same as before, using the url and optional code queries, but using the path /music/[song id]. Adding these two would end up like so: https://example.com/music/12?url=https://artisticly.example.com/. Users will be required to tap anywhere on the screen to start playing the song with the matching identifier.

Vue.JS instructions

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

artisticlyweb's People

Contributors

lumaa-dev avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.