Sound Timing Problems

Monkey Targets Forums/HTML5/Sound Timing Problems

Midimaster

(Posted 2011) [#1]

10 minutes ago i buyed MONKEY and I am very happy. But now I have a lot of questions, because I tested the free HTML-Version for 2 weeks.

My first question is about SOUND, which is very important for all our projects:

Could you please test the "Drum-Machine" AUDIOTEST.ZIP as a HTML5-app (link see below). Adjust the tempo with the mouse. I have heavy performance problems on FireFox 3.6

You should here a simple 8-beat Rock pattern. If the tempo is below 90 bpm it sounds normal. All above 90 bpm sounds like new rhythm. It might sound interesting, but it is only "wrong"

I can only work with a SetUpdateRate 15. If I change to SetUpdateRate 60 the problems start already at 30 bpm

You should hear this:

b=bass drum
s=snare drum
h=hihat

grid of the beat:

| b h s b b h s h |
| 1 + 2 + 3 + 4 + |


or look at this:

|   h       h   h |
|     s       s   |
| b     b b       |
| 1 + 2 + 3 + 4 + |

here is the program files and audio datas: (34kB)
http://www.monkeycoder.de/forum/download/file.php?id=2

here is the code:

Strict
Import mojo

Class AudioDemo Extends App

	Field Pos%[8], Zeit%, AktPos%, LastZeit%, Speed%, VorSpeed%
	Field MySound:Sound[3]
   
     Method OnCreate%()
            SetUpdateRate 15
			MySound[0]=LoadSound("Bd2.ogg")
			MySound[1]=LoadSound("Sd2.ogg")
			MySound[2]=LoadSound("rim.ogg")
	        Zeit = Millisecs()+500
			Speed=500
			Return 0                        
     End

     Method OnUpdate%()
		If Zeit < Millisecs() Then
	        Zeit = Zeit+Speed
			Select AktPos
				Case 0,4
					PlaySound MySound[0],0,0
					SetChannelVolume 0,1			
				Case 3
					PlaySound MySound[0],4,0				
					SetChannelVolume 4,0.4			
				Case 2,6
					PlaySound MySound[1],1,0
					SetChannelVolume 1,0.6			
				Default				
					PlaySound MySound[2],2,0
					SetChannelVolume 2,0.2			
			End Select
			AktPos=(AktPos+1) Mod 8
				Speed=(Speed*3+MouseX())/4
				If Speed<100 Then Speed=100
				If Speed>500 Then Speed=500
		Endif
		Return 0                        
     End

     Method OnRender%()
		If Speed<>VorSpeed Then
			VorSpeed=Speed
 			Cls 255,222,222
        	DrawText Int(30000/Speed),100,140
			SetColor 0,0,0
			DrawRect 100,225,500,5
			SetColor 255,0,0
			DrawRect Speed-10,200,20,50
		Endif	
		Return 0                        
     End
End

Function Main%()
   	New AudioDemo
	Return 0                        
End

Canardian

(Posted 2011) [#2]

HTML5 audio is simply broken at the moment. And HTML5 is not ready yet anyway.
I found an article about the experiences with WebGL/JS/HTML5 Audio in games:
http://www.irrlicht3d.org/pivot/entry.php?id=1093

I think you could make a working sound engine for WebGL/JS/HTML5 by writing some Flash.swf application which can be controlled from JS. So the .swf file would be invisible and only act as a sound engine.