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.
Related
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 currently want to implement a draw image tool to my projects(something like the brush tool but instead of a color i am actually drawing with the picture). I want to be able to "draw" a picture by hovering my mouse over it. I m currently thinking about two possibilities, one is with a mask over the picture and actually erasing the mask with the mouse or the other posibility to try to draw with the canvas, making the zones touched by the mouse visible.
Do you have some general ideas about how should i start my work?
Thanks
I would prefer the canvas approach.
Here is another great tutorial:
https://code.tutsplus.com/tutorials/how-to-create-a-web-based-drawing-application-using-canvas--net-14288
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 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.
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 8 years ago.
Improve this question
So I'm trying to create a progress slider for an HTML5 video. So I have the video on the page and when you hit play (whether via a button or the video itself) the video starts and updates a progress bar. I also wanted to place an image inside the progress bar and make the progress bar clickable to skip through the video. Any ideas how to do this with Javascript. I can't seem to find any help online.
There is a demo here :
http://people.mozilla.org/~cpearce/buffered-demo.html
I have made this player, although the code is not made to be easy for others to understand but it seems to be what you are looking for with canvas clickable progress bar where you can draw your image :
http://netkoder.dk/netkoder/video_chernobyl.php
Standalone version : http://netkoder.dk/netkoder/eksempler/eksempel0109.html
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.