omxplayer-ui

omxplayer-ui is a mobile webclient and a PHP service to control omxplayer on Rasperry Pi

Prerequisites (this is my setup, many ways lead to Rome)

install Raspian (http://www.raspbian.org/RaspbianInstaller)
you need these packages:
omxplayer
php-cgi
apache2-mpm-prefork (any webserver which can run PHP scripts will do, I'm used to apache2)
curl
djmount (optional)

Setup for Nginx:

you need these packages
nginx
php5-fpm
add this location to the site config

    # nginx configuration
    location /omxplayer-ui/ {
      if (!-e $request_filename) {
        rewrite ^/omxplayer-ui/(.*)$ /omxplayer-ui/index.php;
      }
    }

edit /etc/nginx/sites-available/default

    location ~ \.php$ {
    # fastcgi_split_path_info ^(.+\.php)(/.+)$;
    # # NOTE: You should have "cgi.fix_pathinfo = 0;" in php.ini
    #
    # # With php5-cgi alone:
    # fastcgi_pass 127.0.0.1:9000;
    # # With php5-fpm:
    fastcgi_pass unix:/var/run/php5-fpm.sock;
    fastcgi_index index.php;
    include fastcgi_params;
    }

in /etc/nginx/sites-available/default change root directory according to your need

    root /usr/share/nginx/www;

Setup (this is my setup, many ways ... you know that already)

djmount mounts the media servers to /media/upnp (in /etc/rc.local add /usr/bin/djmount -o allow_other,iocharset=UTF-8 /media/upnp > /dev/null)
if you have a different mount point or need different options for omxplayer, change the settings in the page or edit conf/settings.json
the first level of directories represents the servers, you can set up symlinks to samba or nfs mounts if you like
omxplayer-ui needs to be published at the webserver at /omxplayer-ui, or you edit the URL in mediaplayer.js
ensure that the directories "data" and "conf" are writable by the webserver (chmod -R 664 data conf ; chgrp -R www-data data conf)
ensure all directories (omxplayer-ui and your media files) are accessible for the user which runs the web server
ensure etc/omx_runner.sh is executable (chmod a+x)
make sure that PHP and mod_rewrite are enabled for the diretory which contains omxplayer-ui. AllowOverride All on the document root will do this.
the UI should work well on any modern (HTML5 ready) browser, I've tested with Chrome 22, Firefox 16 and Webkit on Android 2.2

Ensure that the user which runs omxplayer has sufficient access rights, for apache httpd this is done by adding the www-data user to the video group:

echo 'SUBSYSTEM=="vchiq",GROUP="video",MODE="0660"' > /etc/udev/rules.d/10-vchiq-permissions.rules
usermod -aG video www-data

Feature set:

on the "browse" page:
browse through the media servers content (folders)
search (which can be done in djmount with some special ls _search/ filters
play file
add and remove items to the playlist
on the "control" page:
pause
volume up and down
seek 30sec forward and backward
stop
show MP3 infos from tag
show what is currently played
show playlist
on the "settings" page:
the root directory
various omxplayer settings
turn on/off the ID3 parsing

Parts of the code were reused from https://github.com/JugglerLKR/omxplayer-web-controls-php, especially the trick how to send keys to a running omxplayer through a FIFO.

Open features:

remove and reorder entries in playlist on control page
next track on control page
pause in the header bar
image viewer and diashow

kifj/omxplayer-ui

omxplayer-ui