Main > Software Forum
HTML5 FrontEnd
arximidis:
--- Quote from: ppv on August 13, 2013, 07:13:44 pm ---This is really interesting! I have seen neat things done in encapsulated html apps, but this one look gorgeous! Will check it out for sure.
Sent from my XT925 using Tapatalk 4
--- End quote ---
thank you :)
--- Quote from: GoYouSalukis on August 14, 2013, 01:16:35 am ---Great effort so far! For some reason, it crashes on me when I select a game in MAME. I did change and verify the location of the .exe and the rom folders. I get "Unspecified error at line 335"
Looking in default.html, line 335 is "document.embeds[0].stop();" with the comment saying "Stop Background music". I tried commenting out the lines that stop and play the document, but still get an error.
FWIW, I do not have any background music playing. Is it supposed to play a wav file related to the game?
I would love to use this on my current project, but I would need to be able to rotate the screen 90 degrees. Is this something that can be accomplished?
Also, down the line, it would be great if it can be modified to allow mouse clicks to select emulators/games. It could be used for touchscreens as well. If it can respond to mouse movements, we could use a spinner/trackball to scroll through the emulators and then through the games!
Thanks for sharing!
--- End quote ---
I got the same error with an another friend
The problem is that you don't hear the background music. Maybe something with the embed tag. I will replace it with the object tag
After the intro video (did you see the intro video?) when the carousel loads you must hear a mp3 background music
Try this one.
Delete the line 335: document.embeds[0].stop();
Delete the line 347: document.embeds[0].play();
Also delete the line 563: <div id="backmusic"><embed src="img/music.mp3" showcontrols="0" LOOP=TRUE></embed></div>
Restart the app, after that
If you get an error please notify me (post the error picture if it is possible)
PS. Yes it is possible to add mouse clicks to the code. You can also add swipe evens for touch screens (left or right, up or down) . Remember this is javascript. You can do pretty much whatever you want :)
To rotate 90 degrees is not so easy (not impossible though). But I beleive that there are some videocards (like mine :) ) which can rotate 90 degrees the whole screen
edit
Yes I saw the error myself. The problem is with the embed tag. Deleting the previous lines inside main.html will solve the problem
GoYouSalukis:
No luck,
I'll attach the screenshot.
I am assuming that software rotation would need to be implemented in the frontend engine. What code is it written in? Are you going to distribute that? I wouldn't mind taking a look at that problem. It might be beyond my skills, but it might not.
The first error (before deleting the lines), was a java error window with the error being "Unspecified Error). After deleting the lines, I get the picture below.
arximidis:
--- Quote from: GoYouSalukis on August 14, 2013, 08:19:33 am ---No luck,
I'll attach the screenshot.
I am assuming that software rotation would need to be implemented in the frontend engine. What code is it written in? Are you going to distribute that? I wouldn't mind taking a look at that problem. It might be beyond my skills, but it might not.
The first error (before deleting the lines), was a java error window with the error being "Unspecified Error). After deleting the lines, I get the picture below.
--- End quote ---
This is a settings error. You are not providing the correct path to mame. Remember that if you are running a different version of mame, the main executable file is not mame.exe, but it could be mame32.exe or something else (depending on the version you use)
Also make sure you use \\ instead of \, only in main.html file (and don't forget to put \\ at the end. Example: var MAME_ROMS = "C:\\Emulators\\MAME\\roms\\"; )
In "settings.ini" use the \
example:MAME = C:\Emulators\MAME\mame.exe
I use the standard version, so a select mame.exe... For another version use the appropriate executable file
Also make sure you didn't change accidentally other commands inside the code
Yes, you are right. The previous error was a javascript error
This is HTML based FrontEnd. The entire FrontEnd is written in html/css/javascript. You already got the code (under default directory). In fact you did look at the code when you deleted those lines
The executable you are running HTMLFrontEnd.exe, is simply the browser and not the actual FrontEnd.
So, to answer your question, you need to change the code to rotate the screen, but it will not be so easy
arximidis:
New Version (1.4)
bug fixes
WinUAE support
I have changed the way background music is played, to fix the error encountered in some cases
link:http://users.ntua.gr/dpiperid/MyWebPage/Catalog/games/HTMLFrontEndEN.htm
GoYouSalukis:
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.