Main Restorations Software Audio/Jukebox/MP3 Everything Else Buy/Sell/Trade
Project Announcements Monitor/Video GroovyMAME Merit/JVL Touchscreen Meet Up Retail Vendors
Driving & Racing Woodworking Software Support Forums Consoles Project Arcade Reviews
Automated Projects Artwork Frontend Support Forums Pinball Forum Discussion Old Boards
Raspberry Pi & Dev Board controls.dat Linux Miscellaneous Arcade Wiki Discussion Old Archives
Lightguns Arcade1Up Try the site in https mode Site News

Unread posts | New Replies | Recent posts | Rules | Chatroom | Wiki | File Repository | RSS | Submit news

  

Author Topic: HTML5 FrontEnd  (Read 56659 times)

0 Members and 1 Guest are viewing this topic.

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #120 on: March 26, 2014, 12:59:31 pm »
It looks free!!

The author is
    Christophe Resigne
    http://www.chiptune.com

I include his name to the javascript code

I will upload the result in few minutes (The high speed effect looks damn good!!!)

sudopinion

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 32
  • Last login:January 14, 2025, 07:14:36 pm
  • 01100001 01101100 01101100 00100000 01101001 01101
    • RoM-Jacket
Re: HTML5 FrontEnd
« Reply #121 on: March 26, 2014, 02:33:57 pm »
links seem to be dead.
01100001 01101100 01101100 00100000 01101001 01101110 00100000 01100001 01101100 01101100 00100000 01101001 01110011 00100000 01100001 01101100 01101100 00100000 01110111 01100101 00100000 01100001 01101100 01101100 00100000 01100001 01110010 01100101

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #122 on: March 26, 2014, 03:19:32 pm »
links seem to be dead.

I have uploaded the new version. The links should be fine now


I have some crashes  when you load the emulator and then opening the settings page. The problem is with the (vlc) mozilla plugin. Why? Because if I completely remove it, I have no crashes
However, I am close on finding the solution
I will work with it for a while and then I will start implementing the sound effects

For know you can download the version to test it.
By default the zoom effect is moving the picture up (while zooming). Change the default setting "Y ending position (%) to 50 and it will be centered

A nice effect I might add later, is the stars moving down if the picture is zooming up and vice versa. It will give a nice effect

Waiting for responses
« Last Edit: March 26, 2014, 03:32:19 pm by arximidis »

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #123 on: March 26, 2014, 05:36:55 pm »
Fresh downloads - no edits:

Background still doesn't work - could it be a file structure issue?  Maybe background is being searched for at a specific file location rather than just the skin IMG folder.  Have you tried moving your working copy to a different destination and seeing if the background automatically works? 
Starfield works!
Zoom and starfield zoom work awesome!

Okay, I'll go through and "Le Chuck" it and see if anything breaks.   :cheers:

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #124 on: March 26, 2014, 05:56:13 pm »
Fresh downloads - no edits:

Background still doesn't work - could it be a file structure issue?  Maybe background is being searched for at a specific file location rather than just the skin IMG folder.  Have you tried moving your working copy to a different destination and seeing if the background automatically works? 
Starfield works!
Zoom and starfield zoom work awesome!

Okay, I'll go through and "Le Chuck" it and see if anything breaks.   :cheers:

ok, I will wait for the results

The Background must be a picture with the name background.gif inside img directory. You can't have background picture and starfield both.
Use the the same marquee for all the emulators for the top image. I will soon add and a bottom marquee (it's something I want to add for my theme).
Maybe I'll add an option, to use the same marquees for all emulators

You must tweak the zoom effect a little bit to make it run like you want. I provide a lot of settings for that

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #125 on: March 26, 2014, 06:34:57 pm »
Quote from: arximidis
The Background must be a picture with the name background.gif inside img directory. You can't have background picture and starfield both.

It is, I used the one you included.  I didn't click both, only one at a time to see which would work.  Dunno, sorry - not much to go on but as I said I'll start fiddling with it and see if I can get it working. 

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #126 on: March 26, 2014, 06:46:16 pm »
I'll keep updating this as I run into issues:

Games don't launch in this version.  Using the same settings I used yesterday.   Emu zooms then I'm just left with a starfield and music playing. FE does wait and does not return to carousel.
Tried EXEs, BATS, rom lists, and running roms directly.  Rom lists will not populate. 


If emu is not setup you get the same behavior after notification that emu is not setup - hang.  Tried without the starfield on just the white background.  Same behavior. 

If browser size is changed to 1024x768 and zoom is selected everything is good but the star background.  That is off center considerably.  If center to main window is checked there is no change.  Still off center.  Same behavior only less off center at 800x600.  Background only centered at 640x480

Zoom works awesome - controls look good and it was very easy to get everything centered and looking great.  I hope the other issues are easy fixes. 
« Last Edit: March 26, 2014, 07:07:42 pm by Le Chuck »

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #127 on: March 26, 2014, 07:16:37 pm »
did you edit the files?

I don' t understand.
I just tested it on an other machine and it works.

If you don't setup the emulators, will hang (I will put some error trapping in next release).

You must edit the settings.ini of the browser too (allowed programs section).
This is what i do for example to run an sigle exe file

settings.ini
[ALLOWED PROGRAMS]
COMMODORE64=C:/Files/Programmer's Notepad/pn.exe

and to settings.ini inside COMMODORE64 directory
ROM = {EXE}
ROMPATH =
COMMAND =
ROMLIST =
ROMEXT =
WAIT = yes


Note: The directory of the emulator must have the same name with the entry in settings.ini.

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #128 on: March 26, 2014, 07:22:10 pm »
I did exactly that, made sure I edited both setting.ini the one in the emu folder that is named the same as what is listed in "allowed programs".  I'm sure it's frustrating on your end and I'm sorry it's not working but I'm sure I'm following the right protocols. 

Yesterday's version still works.  Was there a syntax change between the versions?

 

I rar'd the whole program and am uploading it to my dropbox so you can take a look at it if you want.  The address is the same as the one I gave you previously.  It's up now. 
« Last Edit: March 26, 2014, 08:01:22 pm by Le Chuck »

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #129 on: March 27, 2014, 02:36:29 am »
If you notice in the video, there is a general problem with gif files (that is way in not loading the background picture).
It doesn't even loading the hourglass.gif, when you select the emulator

This made me suspicious and then when I downloaded the rar file you uploaded, I was confirmed

When you copied the new version, you did copy the qt libraries to the same folder. However you forgot to copy the directory imageformats. Inside there are libraries that allow the program to load pictures (gif etc). You must also copy this directory to the same folder where the exe is

Here is the link of the shared libraries. You will notice that there is a folder imageformats inside. This folder must also be copied to the same directory with HTMLFrontEnd.exe
http://users.ntua.gr/dpiperid/MyWebPage/Catalog/games/QT4libs.zip






EDIT:

Just tested your version on a Windows 7 machine
It works everytime

These are the settings to load for example an exe program (without parameters, like you do when loading bat files)

settings.ini (of browser)

SW=C:/Windows/notepad.exe

settings.ini (of emulator)
ROM = {EXE}
ROMPATH =
COMMAND =
ROMLIST =
ROMEXT =
WAIT = yes


If you want to pass a specific rom as parameter, you must write the following:
ROM = {EXE}
ROMPATH = C:/Users/dpepe/Desktop/scratchemails.txt
COMMAND = {rom}
ROMLIST =
ROMEXT =
WAIT = yes

Change the paths accordingly


However, I noticed some issues, due to the fact you are using too large thumbnails for the carousel.
The program does something weird in order to get keyboard focus and it will be a problem, if you are using too large thumbnails.
Actually the problem is in the upper left corner, where the browser is clicking fast with the mouse to take the keyboard focus. If a link is there (like the edges of the thumbnail), then it will be selected.
I' ll see what I can do for that
I will upload a new version v3.0 of the browser soon, to fix some issues, including that

Also I noticed some issues with the starfield effect whe you enable the zoom to fit or the center to window settings
« Last Edit: March 27, 2014, 06:19:48 am by arximidis »

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #130 on: March 27, 2014, 08:19:11 am »
I'll grab the imageformats - thanks for the help and hopefully that resolves one issue.  As for the launching issue I have no idea why it is giving me trouble.  Maybe the new browser version will fix it. 

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #131 on: March 27, 2014, 09:00:50 am »
I forgot to write that some emulators (on Windows) require to include the rom in double quotes.
For example mame.exe

ROM = {EXE}
ROMPATH = write_the_full_path_of_the_rom.zip
COMMAND = \"{rom}\"
ROMLIST =
ROMEXT =
WAIT = yes

I include the \ because is the escape character for javascript. IF you write "{rom}" it will not work
(Look at my configurations)

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #132 on: March 27, 2014, 07:00:14 pm »
I did a fresh install of what I downloaded yesterday and didn't do anything other than point one of your stock emulators at an executable file that I verified works and it still doesn't launch.  Really bizarre.  Especially since my set worked on your computer.  I'm going to transfer it over to another machine of mine and see if I get the same behavior. 

I'll edit this thread as I work through different avenues of attack.

The browser won't even launch on my netbook - of course it's kind of a dinosaur.  1.6ghz intel atom W7-32.   

Did a fresh download and install - still no dice.  No able to launch games.  Something must have happened because I'm still able to launch whatever I want using the version from the day before yesterday.

When I run one version and then the other all the cookies get reset each time.  Just realized that.  Don't know if having multiple versions installed on one PC messes anything up - took them all off and still couldn't run the most recent update so I put them back on.   
« Last Edit: March 27, 2014, 07:22:51 pm by Le Chuck »

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #133 on: March 28, 2014, 07:00:10 am »
Hello Le chuck

I am working on the new version now (version 3.0) and I have fixed alot of bugs
One big problem was with multiple versions and I did fixed it (or same versions stored in different directories)

However I am intersted if this is the cause to your problem. Go to the directory where the cookies are stored and delete It!! (it's the file cookies.dat)
The directory is:

C:\Users\username\AppData\Local\HTMLFrontEnd   (for Windows 7 and 8)

Replace username with your username to Windows
Appdata is a hidden directory and you may not be able to see it in explorer. You can enable to see hidden files from control panel

In the new version the cookies file (with is the settings file) will be stored inside the theme directory

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #134 on: March 28, 2014, 09:08:36 am »
Hello Le chuck

I am working on the new version now (version 3.0) and I have fixed alot of bugs
One big problem was with multiple versions and I did fixed it (or same versions stored in different directories)

However I am intersted if this is the cause to your problem. Go to the directory where the cookies are stored and delete It!! (it's the file cookies.dat)
The directory is:

C:\Users\username\AppData\Local\HTMLFrontEnd   (for Windows 7 and 8 )

Replace username with your username to Windows
Appdata is a hidden directory and you may not be able to see it in explorer. You can enable to see hidden files from control panel

In the new version the cookies file (with is the settings file) will be stored inside the theme directory

I'll do that and report back with what results I get.  Let's hope it was just a bug with that version and this new one will resolve the issue. 

The intro video is a great option but how about playing an intro sound and showing an intro animated gif or static image set to play the legnth of that sound?  I know it's a lot easier for me to make a custom animated gif that looks pretty decent than it is to make a video and it just adds more options for users.  If/while you're working on sound issues having the background sound repeat automatically would be good.  Combine that with a setting to slowly rotate the carousel after one minute of no user input and you have an instant screen saver. 

Also, if you're setting up the sound to change for each emulator I'd recommend to have an option to leave the background sound on.  Then one could do music for the background and then maybe game sounds or even movie quotes as applicable for the games.  Might be interesting - might sound terrible. 

Last thing is joystick use - I haven't tried using a joystick (windows HID) to control the FE yet, if it's implemented already I'll give it a shot.  I think it is but haven't toyed with it yet.  If not something to think about. 

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #135 on: March 28, 2014, 01:51:42 pm »
I did a sneaky trick and now version 3 includes sound effects, without crashes (at least I don't have the crashes I had before)



The intro video is a great option but how about playing an intro sound and showing an intro animated gif or static image set to play the legnth of that sound?

Things like that is very easy to implement due to the fact that you are dealing with a html/css/javascript FE. I beleive this is the power of HTMLFrontEnd, but it requires programming knowledge. I will leave this for a future release

If/while you're working on sound issues having the background sound repeat automatically would be good.

Why??? It's not playing repeatedly??

Combine that with a setting to slowly rotate the carousel after one minute of no user input and you have an instant screen saver.

That is a nice idea!!! I already have a rolling effect when you press ESC

Also, if you're setting up the sound to change for each emulator I'd recommend to have an option to leave the background sound on.  Then one could do music for the background and then maybe game sounds or even movie quotes as applicable for the games.  Might be interesting - might sound terrible. 

You will be able to play the same sound effect when selecting an emulator or a different. The background music is not stopping

Last thing is joystick use - I haven't tried using a joystick (windows HID) to control the FE yet, if it's implemented already I'll give it a shot.  I think it is but haven't toyed with it yet.  If not something to think about.

I don't think it's working with joystic. It supports mouse and keyboard. Maybe you can do something with joytomouse: http://atzitznet.no-ip.org/Joy2Mouse3/

However I found a javascript library that enables the use of gamepads and joysticks. Maybe it's not working with qt webkit. Never test it because I don't have a joystick or a gamepad
http://www.gamepadjs.com/
« Last Edit: March 28, 2014, 01:55:16 pm by arximidis »

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #136 on: March 28, 2014, 03:27:14 pm »
I did a sneaky trick and now version 3 includes sound effects, without crashes (at least I don't have the crashes I had before)
Ready for download?!!?!! (Now that I have a version I can't get to work for unknown reasons I'm totally itching to try the new version in hopes that I'm back on track)

Quote
If/while you're working on sound issues having the background sound repeat automatically would be good.

Why??? It's not playing repeatedly??

Nope  :dunno  Stops after a single play - all versions have thus far.  Thought you designed it like that since it didn't ever not do it. 

Quote
Last thing is joystick use - I haven't tried using a joystick (windows HID) to control the FE yet, if it's implemented already I'll give it a shot.  I think it is but haven't toyed with it yet.  If not something to think about.

I don't think it's working with joystic. It supports mouse and keyboard. Maybe you can do something with joytomouse: http://atzitznet.no-ip.org/Joy2Mouse3/

However I found a javascript library that enables the use of gamepads and joysticks. Maybe it's not working with qt webkit. Never test it because I don't have a joystick or a gamepad
http://www.gamepadjs.com/
I can test it, I have tons of interfaces I can try it out with.  Joy to mouse will work but if that's the solution then you need to implement the ability to run a program or batch file before and after you run the target emulator.  EG when you launch Zsnes the FE first sends command to kill joytokey then when you exit Zsnes FE sends execute joytokey.  Otherwise users will have to rely on a series of autohotkey scripts to listen for the emulator/program launch and exit to do manage joytokey. 

Go to the directory where the cookies are stored and delete It!! (it's the file cookies.dat)

Done.  This didn't change the behavior.  Current version still doesn't launch.  Tried a few times. 
« Last Edit: March 28, 2014, 04:09:12 pm by Le Chuck »

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #137 on: March 28, 2014, 04:24:14 pm »

Nope  :dunno  Stops after a single play - all versions have thus far.  Thought you designed it like that since it didn't ever not do it. 
Ok, Now it will repeat. When stops, after 5 seconds it will play again


I can test it, I have tons of interfaces I can try it out with.  Joy to mouse will work but if that's the solution then you need to implement the ability to run a program or batch file before and after you run the target emulator.  EG when you launch Zsnes the FE first sends command to kill joytokey then when you exit Zsnes FE sends execute joytokey.  Otherwise users will have to rely on a series of autohotkey scripts to listen for the emulator/program launch and exit to do manage joytokey. 

Ok! Actually I am kinda doing that, but it's complicated  (I mean to long to explain) ;D
I can add a feature to select which bat file to load before and after the emulator

Done.  This didn't change the behavior.  Current version still doesn't launch.  Tried a few times.

I am trying to understand what is causing the problem. From the video you uploaded I can see that the music don't stop and the loading message disappears. From this I can understand where the problem is but not exactly
Try this when you can
Go to line 814 (main.html) of the version you have, and add this command
Code: [Select]
clearTimeout(msgtmr); next to the command 
Code: [Select]
msgtmr = setTimeout(function() {
If it doesn't work, please send me the main.html of the latest working version to see what is going on

Thanks
« Last Edit: March 28, 2014, 04:31:58 pm by arximidis »

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #138 on: March 28, 2014, 04:44:59 pm »
Line 814 didn't have that string (I'm using Notepad++ to edit) so I found the string on 806 I think I went with that one. 

No dice tho, didn't work.  Attached both the one I was editing and the last working version I had. 

I'll be out all evening but I'll try whatever you post when I return late tonight or in the morning.   :cheers:

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #139 on: March 28, 2014, 05:00:56 pm »
OK, think I found it

Go to line 893 and replace
Code: [Select]
if (prcWait) vlc.playlist.pause();
with

Code: [Select]
if (prcWait) document.vlc.playlist.stop();
and at line  909 replace
Code: [Select]
if ((back_music_on)&&(prcWait)) vlc.playlist.play();  with
Code: [Select]
if ((back_music_on)&&(prcWait)) document.vlc.playlist.play();

In the new version you will not have this issue

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #140 on: March 28, 2014, 10:26:56 pm »
OK, think I found it

Winner winner chicken dinner!!! :woot

We're back in business buddy!

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #141 on: March 29, 2014, 06:52:04 pm »
Ok perfect!!!

I will upload the new version very soon. Version 3.0 is a major update
I have fixed most of the issues you reported and included new characteristics

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #142 on: March 31, 2014, 03:21:00 pm »
It was impossible to avoid the crashes. The vlc pluging is very buggie

So, I have almost convert it the app to use internet explorer's engine (like the very first version). Ofcourse this will limit the program to work only under windows, but there are no crashes (and I can use the html5 video and audio tags + windows media player)
Now, as for the webkit version I won't throw it awway. I will use it for the linux version of the program (which has fewer bugs and crashes).

nitrogen_widget

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 1782
  • Last login:May 23, 2025, 02:30:58 pm
  • I want to build my own arcade controls!
Re: HTML5 FrontEnd
« Reply #143 on: April 01, 2014, 11:36:52 am »
It was impossible to avoid the crashes. The vlc pluging is very buggie

So, I have almost convert it the app to use internet explorer's engine (like the very first version). Ofcourse this will limit the program to work only under windows, but there are no crashes (and I can use the html5 video and audio tags + windows media player)
Now, as for the webkit version I won't throw it awway. I will use it for the linux version of the program (which has fewer bugs and crashes).

Linux user here.
Please keep Linux support. :)
I'm planning on using a minimal live linux distro <80mb (slitaz.org) for my next mame project & looking for a front end that won't put me through dependency hell.

I've been following along and I love it's html 5.
I'm going to put together a PC for linux testing purposes this week & looking forward to trying this out.

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #144 on: April 02, 2014, 06:22:50 am »


Linux user here.
Please keep Linux support. :)
I'm planning on using a minimal live linux distro <80mb (slitaz.org) for my next mame project & looking for a front end that won't put me through dependency hell.

I've been following along and I love it's html 5.
I'm going to put together a PC for linux testing purposes this week & looking forward to trying this out.

Noted!

I am writing the html code in such a way to be compatible with the webkit and the ie version of the browser. Of course The webkit version works under linux too, but remember it depends on qt libraries... so you must install them to your distro
« Last Edit: April 02, 2014, 06:46:18 am by arximidis »

nitrogen_widget

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 1782
  • Last login:May 23, 2025, 02:30:58 pm
  • I want to build my own arcade controls!
Re: HTML5 FrontEnd
« Reply #145 on: April 02, 2014, 07:01:52 am »


Linux user here.
Please keep Linux support. :)
I'm planning on using a minimal live linux distro <80mb (slitaz.org) for my next mame project & looking for a front end that won't put me through dependency hell.

I've been following along and I love it's html 5.
I'm going to put together a PC for linux testing purposes this week & looking forward to trying this out.

Noted!

I am writing the html code in such a way to be compatible with the webkit and the ie version of the browser. Of course The webkit version works under linux too, but remember it depends on qt libraries... so you must install them to your distro

Followed instructions and installed everything but received a window with cube with a "?" On it in the middle. This is a missing vlc plugin issue on windows correct? I do have vlc installed however you stated Linux doesn't use vlc.
Is it still required?
Is it possible my distro doesn't include the plugin?
« Last Edit: April 02, 2014, 07:03:38 am by nitrogen_widget »

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #146 on: April 02, 2014, 08:11:07 am »
Followed instructions and installed everything but received a window with cube with a "?" On it in the middle. This is a missing vlc plugin issue on windows correct? I do have vlc installed however you stated Linux doesn't use vlc.
Is it still required?
Is it possible my distro doesn't include the plugin?

Did you install the default theme as well?  I know that without the theme you get the question mark.  It's a separate download. 

It was impossible to avoid the crashes. The vlc pluging is very buggie

So, I have almost convert it the app to use internet explorer's engine (like the very first version). Ofcourse this will limit the program to work only under windows, but there are no crashes (and I can use the html5 video and audio tags + windows media player)
Now, as for the webkit version I won't throw it awway. I will use it for the linux version of the program (which has fewer bugs and crashes).

This latest version (2.9 I think) is very stable.  I haven't had any crashes and since you fixed that bit of code causing the launch issue it's been running nothing but smooth; however, if you found a better plugin that will work across the board for win users that's great.  Looking foward to the new update so I can check out all the features! 

nitrogen_widget

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 1782
  • Last login:May 23, 2025, 02:30:58 pm
  • I want to build my own arcade controls!
Re: HTML5 FrontEnd
« Reply #147 on: April 02, 2014, 09:10:46 am »
I installed the theme.
I will double check everything tonight.

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #148 on: April 02, 2014, 09:47:42 am »
This latest version (2.9 I think) is very stable.  I haven't had any crashes and since you fixed that bit of code causing the launch issue it's been running nothing but smooth; however, if you found a better plugin that will work across the board for win users that's great.  Looking foward to the new update so I can check out all the features!

That's good news.
In my case I still get crashes and vlc plugin is what causing the problem.
For windows I will publish both versions (qt webkit and ie). They work in the same way. Only the engine changes. The qt version uses webkit (just like chrome, safari, opera) and the ie version uses ie version 9+

For Linux only webkit version will be uploaded (there is no ie in Linux :) )

I installed the theme.
I will double check everything tonight.

The new versions of the default theme will not work with the older linux versions of the browser, because I haven't compiled the code yet. You will have to wait version 3.0


In linux I am using the html5 audio tag to play the background music and soundfx (like in windows ie version). However I am using vlc to play the video intros, because the html5 video tag (I think) is not supporting the avi format

In windows (ie version) I use the html5 audio tag and windows media player for the videos
In QT version (windows) I use vlc plugin for audio and video (because qt version in Windows is not supporting the html5 video and audio tags)
« Last Edit: April 02, 2014, 09:51:52 am by arximidis »

nitrogen_widget

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 1782
  • Last login:May 23, 2025, 02:30:58 pm
  • I want to build my own arcade controls!
Re: HTML5 FrontEnd
« Reply #149 on: April 02, 2014, 01:40:35 pm »
Ok.
Thanks.

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #150 on: April 02, 2014, 02:21:26 pm »

In linux I am using the html5 audio tag to play the background music and soundfx (like in windows ie version). However I am using vlc to play the video intros, because the html5 video tag (I think) is not supporting the avi format

In windows (ie version) I use the html5 audio tag and windows media player for the videos
In QT version (windows) I use vlc plugin for audio and video (because qt version in Windows is not supporting the html5 video and audio tags)

I have just complied the new version for linux and it looks that it doesn't support the html5 audio and video tags too. I was wrong!
So, in linux (just like the qt version for windows) the front End is depending on vlc (to play music, sounds and videos)
Only
the IE version supports the html5 audio and video tags (but this version can not run on Linux)

EDIT: Compiled with 64bit libraries and html5 audio tag is working just fine
« Last Edit: April 04, 2014, 04:01:00 am by arximidis »

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #151 on: April 02, 2014, 02:41:44 pm »

In linux I am using the html5 audio tag to play the background music and soundfx (like in windows ie version). However I am using vlc to play the video intros, because the html5 video tag (I think) is not supporting the avi format

In windows (ie version) I use the html5 audio tag and windows media player for the videos
In QT version (windows) I use vlc plugin for audio and video (because qt version in Windows is not supporting the html5 video and audio tags)

I have just complied the new version for linux and it looks that it doesn't support the html5 audio and video tags too. I was wrong!
So, in linux (just like the qt version for windows) the front End is depending on vlc (to play music, sounds and videos)
Only the IE version supports the html5 audio and video tags (but this version can not run on Linux)

So the new IE version - it doesn't require the QT files and still runs stand alone just using IE dependancies? 

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #152 on: April 02, 2014, 03:09:07 pm »
So the new IE version - it doesn't require the QT files and still runs stand alone just using IE dependancies?


Yes, same as the QT version, but you don't have to copy the QT libraries.
It depends only on IE and Windows media player, which are (in most cases) already pre-installed to Windows.

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #153 on: April 03, 2014, 09:18:47 am »
I have some great news.
I have completed the cube effect and it will be released to the new version

There is only one thing left before the release of version 3.0.
I will change the way the settings are stored, because cookies were causing problems when you changed the directory in where you saved the program

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #154 on: April 03, 2014, 10:47:38 am »
I have some great news.
I have completed the cube effect and it will be released to the new version

There is only one thing left before the release of version 3.0.
I will change the way the settings are stored, because cookies were causing problems when you changed the directory in where you saved the program

I'm on the edge of my seat!  Looking forward to it

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #155 on: April 04, 2014, 04:16:34 am »
This is awkward, but it's good news.

I have just compiled the Linux version under 64bit Linux (Linux Mint) and the html5 tags are working just fine
So the Linux version of HTML5 FE is working exactly like the IE version on Windows

Especially for Linux the news are even greater. The video tag seems to support avi files too. That means there is no need to depend on VLC (however you must provite the appropriate codecs to your distro)
I have tested it to Linux Mint 16 (64bit)
« Last Edit: April 04, 2014, 06:33:51 am by arximidis »

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #156 on: April 05, 2014, 03:57:42 pm »
Getting ready for the update

Everything I wanted to fix, is fixed! Everything I wanted to add, it has been added.
The only thing is left are the final tests
Maybe I'll upload the new version tomorrow or on Monday or Thuesday (but not later)

The code is ugly but for now it will do the job (depending on the feedback I may through away the one version of the browser and fix the code)

Now before the update I will write few things of what you must expect

The html code is one (meaning you get the default640x480 theme). However the browsers are three totally. Two for Windows and one for Linux

QT version for windows (qt webkit)
This is actually the version 2.9 of the browser with minor fixes. It has the same dependencies. Requires the qt libraries (download the posted link:http://users.ntua.gr/dpiperid/MyWebPage/Catalog/games/QT4libs.zip) as normally. The problem is that it also requires the vlc plugin (full install of the vlc player for windows)
This turned to be problematic due to the crashes I am experiencing (tested on windows 8)
If the IE version of the browser turns out to be more stable, I will through away the qt version and thus simplifying the html code

IE version for windows (internet explorer)
This is actually the very first version of the browser (look the first pages of this thread) which with a lot of coding I managed to made it compatible with the newer releases of the html code
The most exiting thing is the it's truely based on pure html5
It has now dependencies except internet explorer 9+ (for now the css animations are not 100% compatible with the version 9 of internet explorer, but I will fix them in a future release)
All videos, music and sounds are based on html5. It's not supporting the avi format, so if you have intro videos for all you roms, you must convert them to mp4.
There are open source software for such a conversion (This is a procedure that I have to do for my cab too. All my videos are in avi format. I will have to convert them)

QT version for Linux (64bit) (qt webkit)
For now I will upload only the 64bit version. It's the same version like Windows. The major difference is that it's not depending on vlc. It's playing videos, music and sound using html5 (qt version supports the video and audio tag only in Linux).
It depends on qt libraries (which for most modern Linux distros are preinstalled) and the free pascal QT4 binding (install procedure: http://users.ntua.gr/dpiperid/MyWebPage/Catalog/games/FE_tutor/htmlFEtutorEN.htm)




New stuff
Ok some bugs were fixed but also new things have been added. Here are some of them:
1) pure html5 (for IE version and Linux)
2) The cube effect. You can position the cude where ever you like and change the size of the pictures
3) Added sound effects
4) Added the ability to change sound effects depending on the selected emulator
5) When rotating carousel (or cube) to a specific emulator, a video or music intro will play after few seconds. You can control the delay and change the intro video (or music) for each emulator (or even disable this feature for some or all the emulators)
6) Added the ability to hide system menu in carousel mode
7) Added the ability to run a program (eg a bat file) just before the game is loaded and just after it terminates
8) All settings are saved in a file and not as cookies
... and some other minor things...





« Last Edit: April 05, 2014, 04:15:24 pm by arximidis »

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: HTML5 FrontEnd
« Reply #157 on: April 05, 2014, 04:24:31 pm »
You have definetly been busy! Can't wait to try it out!

nitrogen_widget

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 1782
  • Last login:May 23, 2025, 02:30:58 pm
  • I want to build my own arcade controls!
Re: HTML5 FrontEnd
« Reply #158 on: April 05, 2014, 05:19:45 pm »
Ok, so this won't work on 32 bit linux?
Out of curiosity how much cpu/video card do I need to run this smoothly?

My build is using a single core 1.8ghz P4 with roughly 700mb of ram and a gforce 2 video card.
This will be a classic cab with golden tee as the only newer game so I don't need a lot.

Should I just stick with wahcade for this PC then?

arximidis

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 238
  • Last login:March 20, 2020, 03:52:48 am
Re: HTML5 FrontEnd
« Reply #159 on: April 06, 2014, 01:59:06 pm »
Ok, so this won't work on 32 bit linux?
Out of curiosity how much cpu/video card do I need to run this smoothly?

My build is using a single core 1.8ghz P4 with roughly 700mb of ram and a gforce 2 video card.

I have compiled the 32bit version too and I will release it, but I have not test it
I have only tested the 64bit which seems to work just fine

In my machine I have 2.6ghz pentium D with 512MB RAM and it works. It consumes about 20mb (depends on how many emulators you will add to the carousel and the sizes of the pictures) of ram and the cpu power is below 3% on idle. It increases when you rotate the carousel (less than 20%), but it drops again.
The settings that consume more power are the starfield effect and the animated background (A static background picture will not affect the cpu power)
With starfield effect the cpu power is about 35%
With an animated gif background it goes to 45%

This will be a classic cab with golden tee as the only newer game so I don't need a lot.

Should I just stick with wahcade for this PC then?

If you are satisfied with wahcade, why change it?



P.S. Getting ready for the upload (maybe today)
« Last Edit: April 06, 2014, 02:03:22 pm by arximidis »