Main > Software Forum
HTML5 FrontEnd
arximidis:
--- Quote from: GoYouSalukis on August 20, 2013, 11:24:21 pm ---......
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?
-----
--- End quote ---
Hmm, This is happening because VLC is not responding with the code 0 when playback has finished (response code 3 is when VLC is playing). This is weird because I never got a different response code both in Windows and Linux (For the tests I use Windows XP, Windows 8 and Linux Mint 14)
At first I was using events (link in the page: https://wiki.videolan.org/Documentation:WebPlugin) but it worked only in Windows
--- Quote ---georgeb suggested a nice walk trough for this problem. Thanks for sharing georgeb
To fix the issue I changed line 63 in index.html to:
--- Code: --- if ((x == 0 || x == 6)&&(videoisplaying)) {
--- End code ---
--- End quote ---
Backspace is not working any more... I have remove it form code (actually I followed your suggestion). What you see is the default behavior of webkit (it loads the previous page when you hit backspace).
Maybe I will try to block this behavior in a next release to avoid confusion
In this version I have included a nice animation when you are in carousel and you hit ESC when not viewing the system menu. It will automatically rotate the carousel to the system menu and will select "Exit to Windows/Linux" option waiting to hit enter.
On the rotation issue: You can use css
--- Code: --- -webkit-transform: rotate(90deg);
--- End code ---
to rotate, but the carousel in not working quite well (it is rotating but you can not view the whole part of the pictures)
--- Quote from: georgeb on August 21, 2013, 12:24:10 am ---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.
...
--- End quote ---
I don't know why, but when I write the example code found here: http://www.w3schools.com/tags/tag_video.asp I always get the message "Your browser does not support the video tag.", in Windows. However video tag is supported in Linux
The canvas tag is working very well (in both operating systems).
Actually I have included an example code to demonstrate: Go to main.html line 653 and uncomment the <!-- sign. Also at line 657 uncomment the --> sign. Save the file and see what happens :)
I removed it because I didn't like the background picture and it consumes a lot of CPU power (Some optimizations to the code must be done)
Here is a link explain why it's not supported http://stackoverflow.com/questions/8653323/why-qtwebkit-4-8-0-webkit-2-2-dont-support-audio-video
--- Quote ---Notice that the video tag in not supported only in Windows (in Linux works fine!)
--- End quote ---
georgeb:
I actually had a look around to see what version of webkit is included and saw those issues with the 4.8 libraries with regards to video support.
I was thinking about it today and thought that maybe a chrome extension could be useful for developing a frontend. Obviously you need a way to launch the emulators which could be achieved through a plugin. I might have a play around with it over the next couple of days and see what I can come up with. I have no experience with qt and it looked like a steep learning curve whereas I have experience with javascript and extensions. Chrome also has a "kiosk" command line switch allowing to open a page or extension in full screen and no way for the user to exit.
I checked out the canvas cloud background this afternoon. Looks great.
arximidis:
Yes, it may be possible to use chrome ( I think the html code is running well in chrome too, but I haven't tested it yet)
However you will need to write some sort of extention for the low level functions.
The way I am doing it is by trapping the urls. If they are in a specific form, I run a low level function. Some of them require parameters (eg run the emulators), which are also included in the url.
I don't allow running any executable file but only the ones included in the [ALLOWED PROGRAMS] section inside settings.ini by the user
I like the idea using chrome. I am looking forward for your results
arximidis:
New version 2.1
1) Fixed some bugs (especially in linux version where the main window was losing keyboard focus)
2) Added the fixed code when the video reaches at the end (thanks to georgeb. Included a comment in that line of code)
3) Added window mode setting
4) Added root password setting (linux version) Attention This setting is not safe. Use it only in stand alone machines without internet access ( eg Linux based arcade machines). In this way you are not going to be prompt for the password
Note: Linux version uses sudo command to reboot/shutdown the computer
Edit Version 2.2
1) Fixed some bugs
2) Removed history feature. Now backspace is not redirecting to previous page
arximidis:
I am taking advantage the vacation time to update the html theme
I have updated the html theme by adding new features
1) I have included the ability to load the xml file list for MAME (like the old version 1.4). It takes some time to load in the first time of use. Then it will load fast (as long as you don't close the main window)
Note: If you prefer to list only your existing roms, simple comment the line 361 and uncomment the line 363 in "main.html"
2) Added Page down and Page up search by the first letter (or number) inside the game list