Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
hey friends,
I am making a game based on html5 and JS, i want to play a audio clip of 8 seconds in background in loop but when I add audio in HTML code by using :
<audio src="audio.mp3" autoplay loop></loop>
but still it plays audio for once.
can anybody tell me how to do this??
You may want to check these posts 1 and 2 because some browsers have issues with loop attribute so you have to do it manually.
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 years ago.
Improve this question
I have displayed text on below of video as subtitles,now i want to synchronize that text and video.
How to highlight the text as video plays?
Key the text you want to display by timestamp, and respond to the timeupdate event from the video media element. Respond to it by querying the currentTime of the video and updating accordingly.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I"m developing a website for children. here i'm viewing videos for children.i want to handle some procedures when child click the play button.how can i catch that event when child press the play button. (I'm using html tag to play videos).Someone please help me. Advance thanks.
$(document).on('play', 'video', function(){
//do something
});
Events https://www.w3.org/2010/05/video/mediaevents.html
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I want to highlight the text as audio plays in a web site.
As the audio plays this text will keep on highlighting, just as we see in television.
Please tell me how i can do this using any web technology.
I will be very thankful to all of you.
Thanks in advance.
there is a question similar to this one here that answers your question on how to highlight text:
Simple JavaScript Animation for 1 Second to Highlight Text?
HTML5 is good for audio:
http://www.w3schools.com/html/html5_audio.asp
These resources will hopefully get you on the right track!
You will need to create your own vtt file with the captions (text) you need. Then link it to the audio code like so:
<audio src="sampleaudiofile.ogg">
<track kind="captions" src="sampleaudiofile.en.vtt" srclang="en" label="English">
</audio>
This link from the w3c specs shows an example of vtt format and how to do it.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I need to plot a streaming audio which comes as buffers of 2 seconds. Besides that, I need to plot the audio and have features like play, pause, zoom and span.
Wavesurfer.js has most of these features except that it only plots for single/ static audio file. I need it to work for streaming audio too.
What tweak should I do?
Has anyone done anything like this before? Any other better alternatives?
Specification:
Plot a streaming wave file in colour. The user should be able to pause, play, zoom and span into the audio.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I need to edit a video using HTML5 and Javascript only. No flash or ffmpeg. I need to add title boards, background audio, (transitions, bumpers), borders etc.
I have tried popcorn.js but it uses CSS only and does not actually edit the video. I have even experimented with ffmpeg. FFmpeg gets the job done but takes a lot of time.
When using http://www.videojs.com/ as the video player.Some of the functionality already exists in plugins for video.js but not all yet. Here are a few plugins that could add some of the functionality you would need:
https://github.com/nicetip/videojs-speed
https://github.com/danielcebrian/rangeslider-videojs
https://github.com/xbgmsharp/videojs-rotatezoom
Both the video player and plugins are open source. But like I said you might have to do some development on your part for the full range of functionality that you require.