scrubber | handwashing soundtrack — 20 seconds of music | Android library

Here is what I am trying to achieve:

• I have a simple plot of x vs y data plotted using Pyqtgraph
• Overlaid on this graph I would like to have a 'playhead' kind of line bar that moves through the x axis (similar to timeline scrubber in video editors)
• The position of this line on the x-axis should be dynamically received from a callback function

Please have a look into the picture below for clear understanding.

I am trying to call an API with given value for drawing data table.

Here is what I want to do and How the actual code works.

How should I fix it? please I need your kind advice.

• what I want to do

1. draw a table with initial value(with 5 rows).
2. type 2 and click submit button for re-drawing table(with 2 rows)
3. the table should be given with 2 rows.

• How the actual code works

1. draw a table with initial value(with 5 rows).
2. type 2 and click submit button for re-drawing table(with 2 rows).
3. the table is given with 5 rows.

my main code

When submitting the form I cannot get the values of the input elements am i missing something please help

Expected output

name of each input element and it's corresponding value

Actual output

A big event object with no usable values

Here's my code

Dont read

Just adding some chars because stackoverflow wont let me post so much code without some text here

I have the following code (taken from Wes Bos). Although the height of the element is specified in CSS it does not appear when I try to access it from JS. When I write console.log(bar.style.height) it returns empty string (see code below). I tried to look at other ways to access this value without success. The only way I found was to explicitly set it in JS. Does anyone have an idea on how to solve this issue ?

When generating a standard video object in HTML5 you can activate standard controls for it. When using an inspect tool of a browser I see that the element I am looking for is called a scrubber, which is the timeline that shows where the video is standing at (and start and end position). My browser says that this element is named input#scrubber.scrubber . How can it be accessed through javascript? I need to get its starting and ending x positions, which should not be a problem once I can get the element. I tried document.getElementsByClassName and document.querySelectorAll to search for it but somehow did it wrong.

thanks for checking my post. I have two characters on stage which have mixamo idle animation states for a fighter stance.

I have placed the characters facing each other on a vuforia used defined target and used a Slerp rotation to make each character face each other. The problem I have is that as soon as the idle animation kicks in they both face about 45 degrees to the left. I have looked at the animation and can't see a rotation anywhere, so I'm thinking it may be the axis. I've added two screenshots below to demonstrate the problem.

The left character has a white line between the feet showing that the gameobject is indeed facing the character on the right. When I look at the animator, the idle animation is looping correctly and if I move the character around the look rotation works but is still offset.

I copied the mixamo animation to remove the read only attribute and see if I could fix it. I just can't see any rotation anywhere. I also tried embedding the character in a parent transform and rotating the transform with no joy.

I entered a play mode and looked at the animation panel. Something interesting happened then. When I moved the scrubber one frame, the character jumped into the correct facing position.

A picture below shows this.

Suddenly the positioning was spot on, even though it stopped the animation playing whilst in the play mode.

This made me think its not an axis issue with the model but code. I have a script attached to each player. Here's the update method.

I want to add the previous/next track button (btnNext/btnPrev) Inside my grey player on the left-side of the play button. I still did not figure out what I have to do in my Js or in my CSS code to make it work.

I have try adding the custom control but Previous track and next track is not listed

I have an application that loads an audio clip into an audio tag dynamically at runtime. It does this by converting the audio to a base64 data-url and assigning that to the tag's src attribute.

The issue is that the audio tag does not process the data until after the audio clip has been fully played through once. This issue shows up on the tag as (1) a lack of audio length, (2) a disabled time-scrubber and (3) the 3-dot icon not displaying. These features do appear as soon as the audio clip has been played for the first time.

I need a way to get the audio tag to process the audio clip as soon as it has been assigned. The user needs to be able to download the audio and fastforward with the time-scrubber without being forced to play through the entire audio clip.

I've searched extensively for a solution to this. I've tried audioTag.preload = "auto"; and calling audioTag.load(); after assigning the src. I've also let it sit for 15 minutes, in case it was just slow to load.

I am open to an alternative to using a base64 data-url formatting, if it will allow me to bypass this issue.

Thanks for any help you can provide.

EDIT: I see this issue in Chrome 80 and Firefox 75.

EDIT: I am generating an audio clip and assigning it to the audio tag in two ways: (1) from a 'file' input tag (2) from a MediaRecorder (connected to the web audio api).

Here is the 'file' input tag loading:

I'm trying to create a mock page in HTML that plays a video in full screen in the background. I have a trasparent image that overlays the background video which mimics playing buttons and titles (all buttons are just an image and not real!).

Now I need to insert a real seekbar and scrubber to the video tag, with adjustable width and location as shown below. How can I do that?

Here is my simple code so far. The static image is HERE and the video is HERE.