I. Background: In order to guide the project credit, increase exposure, adds details page XX in college this module, in order to guide users to buy our individual professional courses
Two to achieve the effect: the effect of the initial implementation is expected to use audio player in our program, tentative one audio-only resources
Three status quo: The current project is the video playback component with resources and plug-in Baidu bear's numbers, and there is no audio-related resources. So the question is the need to develop new can play audio audio player.
Four Issues
- currentTime can not be set, here encountered such a problem, whenever click on the progress bar to make a jump when the need to re-set the audio playback progress, here currentTime involves resetting the audio
but every time we click, will be re-currentTime set to 0, weird is the Google browser is problematic, Firefox, ios the safari are no problem, most thought it was compatible with the problem, change the code
finally found Google browser for streaming media
- Native style can not be set to cover firefox
- Skipping achieve
- Update progress bar to achieve
- Conversion time
- End time status
- Monitor the progress of change, the end of the monitor
- Problems encountered in the data source that is not accurate duration can not be compressed
- Drag the playback problems
- Schedule of the timer switch is invalid and eventually found himself wrote about using js accuracy of the calculation Math.round + Math.floor progress than the latter but found Baidu use, slow to update the progress bar, updated quickly remove
personal guess, calculate the required accuracy some time, but the results so fast timer precision arithmetic is too slow, resulting in very slow to update the progress bar -
loadedmetadata a compatibility issue an executive does not perform on Firefox and chrome
-
mp4 format can not be played in ios reason: the initial determination is caused by compression format, because for a url on it