GithubHelp home page GithubHelp logo

vlc-web-audio-ui's Introduction

VLC Web Audio Player for Raspberry Pi (including Buster!)

After setting up a Pimoroni pHAT BEAT to stream internet radio via VLC audio, I discovered that VLC apparently hasn't updated their web player since 1996. It is a mish-mash of tiny icons and features that don't apply on a headless Raspberry Pi.


The code in this repository removes unused features, improves the user experience. It also adds support for showing the actual song being played.

alt text


Implementation

  • Connect to your Raspberry Pi via SSH.

  • Installation of the the software prerequisites can be completed with the following install commands.

    wget -q https://raw.githubusercontent.com/eat-sleep-code/vlc-slim-web/master/install-prerequisites.sh -O ~/install-prerequisites.sh
    sudo chmod +x ~/install-prerequisites.sh && ~/install-prerequisites.sh
    
  • After the prequisites are installed โ€“ or after an upgrade of VLC โ€“ you may install the new UI with the following commands.

    wget -q https://raw.githubusercontent.com/eat-sleep-code/vlc-slim-web/master/install-ui.sh -O ~/install-ui.sh
    sudo chmod +x ~/install-ui.sh && ~/install-ui.sh
    
  • After the Raspberry Pi reboots the second time, access http://[YOURIP]:8080

    • If prompted for authentication, leave the username field blank. The default password is raspberry

Support for extended M3U files

For the best user experience, update your playlist to use the extended M3U format. You can edit your playlist with sudo nano /home/pi/.config/vlc/playlist.m3u You will need to reboot your Raspberry Pi after making changes to the playlist.

The following is an example of the extended M3U file format:

#EXTM3U

#EXTINF:-1, Country Roads
http://rfcmedia.streamguys1.com/countryroads.mp3?aw_0_1st.playerid=RadioTime

#EXTINF:-1, Smooth Jazz
http://rfcmedia.streamguys1.com/smoothjazz.mp3?aw_0_1st.playerid=RadioTime

#EXTINF:-1, Today's Hits
http://rfcmedia.streamguys1.com/MusicPulse.mp3?aw_0_1st.playerid=RadioTime

vlc-web-audio-ui's People

Contributors

eat-sleep-code avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

lxgreen utf18

vlc-web-audio-ui's Issues

Installation script appears to do nothing.

Thank you for producing this, it seems ideal since the Pimoroni kit is so out of date and limited to Stretch.

I have just tried to run this on a fresh Buster Lite install and nothing (apart from perhaps a 1 second delay) happens. I have tried a couple of permutations of the github part of the URL but nothing happens. Not even a reported error.

It is quite possible that as a relative newcomer to Linux, Github and wotnot that I am doing something wrong, so would you mind checking to see if it still works for you ?

Edit - Removing the -q part of the script shows a reported 404 issue. I am going to poke around and see if I can work out what it is that it does not like.

Compatibility on browsers

The UI is great! And the extended M3U support is quite handy.

I can confirm the UI works on desktop Chrome, but does not show buttons on desktop Safari / iOS Sarari / Android Chrome. The buttons are invisible in those cases, but still clickable if I find the right location.

YouTube Mix Buffers Repeatedly

Steps to reproduce:

  1. Copy a YouTube Mix link , such as:
  2. Click the add (+) button in the interface.
  3. Paste the URL in the prompt window and click 'OK'

Current behavior:

  • Metadata loads in a few seconds
  • Audio starts playing after 10 - 15 seconds
  • Audio plays for 20 - 60 seconds and then stops again

Desired behavior:

  • Metadata and audio loads in a few seconds and audio continues with out stopping

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.