Main > Software Forum
HTML5 FrontEnd
arximidis:
--- Quote from: GoYouSalukis on August 14, 2013, 06:28:47 pm ---Thanks, I had an extra \ in the .ini file.
The music plays for me now and I can play Mame games. Here are some comments.
1. After selecting Mame, and playing a game, when I hit escape, it goes back to Mame (expected). When I hit escape again, the front end disappears both on the screen and on the taskbar(unexpected). If I then try to edit the index.html, it says it is open by a program. If I open the Task Manager, it does not appear in the list of running programs. If I open the FE again and then hit escape (without running Mame), the index.html file is unlocked for edits.
2. It would be good to have a "skip video" flag, especially for debugging purposes. I played around a bit in the index.html, but haven't been able to skip it.
Regards,
Justin
edit: I forgot these:
3. When you load mame, it takes a long time to load the list. Is there any way to start loading the lists as soon as the program starts?
4. After I select Mame, the program seems to "Spawn" another version of itself. In my taskbar (windows 7), I get an additional "HTML Frontend". In the taskbar preview, they both look the same.
Edit 2:
I figured out how to skip video. I just commented out lines 44-46 in index.html and copied line 54 (window.location.href = 'main.html';) after line 46.
--- End quote ---
Hello
I am glad everything is working for you now
Thank you for your comments. They help to improve the program
1) The default configuration is when hitting ESC (and whereever you are) terminates the program. To go back hit BACKSPACE. However it's more logical to hit ESC to go back and something else to terminate the program, so I will change it in the next version
Remember that you already got the code. So it is possible to change it by yourself. In this forntend everything is defined inside the html/css/javascript code, even keystrokes
For version 1.4: Open main.html and
Go to line 387: You will find the command if (e.keyCode == 8) { Change 8 with the number 27
Then go to line 402: You will find the command if (e.keyCode == 27) { Cange the 27 with the number 8. Change nothing else, especially the ==
save the file. After that when you are hitting ESC will go back, and BASCSPACE will terminate the program
2) This is an excellent idea. I will add it in the next version. You will hit ESC and cancel the intro video. You can add this feature by your own, but it will take a lot of commands, so that is why I am not posting them. If you look how main.html captures keystrokes, it is not so difficult to understand what to do (allthough you need to now how to program in javascript)
3) This is only for the first time. If it loads and you don't close the FrontEnd, the list will load fast next times. Gamelist.xml is huge and javascript needs some time to load it. However I am sure that some optimizations can be done to imporve the code and make it faster
4) This is a harmless bug. I see that on Windows 8 too and I have seen it in other programs too. It's not actually a second version. Both are pointing to the same. If you close one, will close both. Ignore that.
Close the Front End by hitting "Exit to Windows" inside the menu (or hit ESC)
arximidis:
News
--- Quote ---One step before the multiplatform application
--- End quote ---
I have great news!
I have almost converted the app in order to use webkit and QT libraries. This is the first step of the transistion to a multiplatform app
1) No internet explorer is required
2) No media player is required. Instead I use the VLC plugin
3) HTML5 support. It means that the canvas tag is supported and you can do wanders
First I will publish the windows version and the the Linux version will follow
This will be version 2
arximidis:
Update
I have released the version 2.0 (beta) of HTMLFrontEnd
HTMLFrontEnd version 2.0 is now multiplatform. It is based on webkit and QT4 libraries
Notes
1) No internet explorer is required
2) No Windows media player is required. HTMLFrontEnd v2.0 supports HTML5 (meaning you can use canvas tag) but it doesn't support video tag. So, in order to play music and videos VLC plugin is used. Download and install VLC from the official site (For Linux users most distributions have VLC already installed).
3) Supported platforms Windows and Linux (Mac support will be ready soon... I hope :) )
Download from here: http://users.ntua.gr/dpiperid/MyWebPage/Catalog/games/HTMLFrontEndEN.htmm
I wrote a tutorial on how to setup here: http://users.ntua.gr/dpiperid/MyWebPage/Catalog/games/FE_tutor/htmlFEtutorEN.htm
Let me know about any bugs or suggestions
GoYouSalukis:
Thanks,
I was able to follow your instructions no problems.
Here is a bug (on my machine):
When I run the program, I get the video like before, but when the video is done, it just goes to a black screen. The only way to exit is to kill in in the task manager.
If I hit ESC while the video is playing, the video stops and the program goes to the carousel as expected. Once there MAME works fine (I don't have the other emulators).
Also, if I skip the video, it goes to the carousel, but if I now hit BKSPC, it starts the video again.
On the rotation issue, it seems I can rotate a canvas 90 degrees no problem. Is it perhaps possible to put the carousel in a canvas and then rotate it? Or is that too easy?
Thanks
georgeb:
I really like the idea behind this. Really interested to see where it goes. arximidis, is there any reason why you can't use the html video tag in version 2? Looking forward to having some time to play around with this.
--- Quote from: GoYouSalukis on August 20, 2013, 11:24:21 pm ---When I run the program, I get the video like before, but when the video is done, it just goes to a black screen. The only way to exit is to kill in in the task manager.
--- End quote ---
I had this issue too. To fix the issue I changed line 63 in index.html to:
--- Code: --- if ((x == 0 || x == 6)&&(videoisplaying)) {
--- End code ---
Also, by default backspace on webkit goes back to the previous page which is why you are seeing the video being played again.
Regarding the rotation you can always set the -webkit-transform style on the body element to rotate(-90deg) but the carousel in the default theme does not play nicely with this setting.