我已经构建了一个Web应用程序,它使用HTML5标记和JavaScript代码,使其他内容与正在运行的视频同步.它在桌面浏览器中运行良好:Firefox,Chrome和Safari.在iPhone或DroidX上,原生视频播放器会弹出并占据屏幕,从而模糊了我想要与视频同时显示的其他动态内容.
有没有办法解决？如果有必要的话,我会弄清楚如何为这两个平台编写原生应用程序,但如果我能坚持使用HTML5/JavaScript,它将为我节省大量的精力.
我有一个简单的应用程序,它通过在JavaScript中调用音频元素上的play()方法重复播放短音.它适用于桌面浏览器,ipads,iphone等.在运行Android 2.3.3的移动设备上,我第一次播放声音时,我会在调用play()方法后立即听到它,但是在后续的调用中,有明显且可变的延迟.
我做了一些调查,发现每次调用play()方法时设备都从服务器获取音频文件.我可以调用音频元素上的load()方法,在每次播放后重新加载它,从而排队等待下一次播放,但是这个创可贴有很多问题.我真的很想让浏览器永久地加载音频元素,而不是在播放完毕后立即卸载它.有谁知道这是否可能？
编辑:我已经做了一些调查,我发现在播放声音后,音频元素的readystate保持在HAVE_ENOUGH_DATA,即使浏览器不会再次播放该声音而不从服务器重新获取它.我相信这是一个错误.我希望使用readystate来检测播放后卸载的浏览器,并且只在必要时才显式加载,但这不会起作用.