What is the reason for the sound playing in my code?

[yarak1234]

https://codepen.io/MIRACULOUS-WORLD/pen/qBgvxMo

 

[Antero360]

https://codepen.io/MIRACULOUS-WORLD/pen/qBgvxMo

Hi there,
Can you please clarify what the issue is?

 

[yarak1234]

Hi there,
Can you please clarify what the issue is?

When I start the video, the audio file should also start in the background, but there is no sound.

 

[yarak1234]

Hi there,
Can you please clarify what the issue is?

Can you write me on discord or telegram? tg: @ofyaaaa dc:hz.anonim

 

[Antero360]

When I start the video, the audio file should also start in the background, but there is no sound.

Does the audio/movie file you are using have any actual audio itself?

 

[Antero360]

Can you write me on discord or telegram? tg: @ofyaaaa dc:hz.anonim

Is there a particular reason why you are making this request?

 

[yarak1234]

To speak more fluently and faster

 

[yarak1234]

1. m3u8 link contains the video but the video has no sound. 2. m3u8 link contains the sound of the video
I want to synchronize these two connections and combine them in videoplayer, but it does not work when the m3u8 video containing the sound starts, you can see my code.

 

[Antero360]

To speak more fluently and faster

To speak more fluently and faster

Unless the nature of your project is that sensitive, then I am going to kindly decline the request and ask that you respond here so that if anyone else in the community has the same issues, they can see this and hopefully see the responses to help them as well

 

[Antero360]

Ok, so after a bit of playing around with your code, I have a solution for you 🙂

 

[yarak1234]

Ok, so after a bit of playing around with your code, I have a solution for you 🙂

Well, I'm waiting for you.

 

[Antero360]

First of all, you are going to want to have each of the source files wrapped in their own <video> tag. I would give that second <video> tag an id of something like "my-video-audio". Then, set up a bit of css so that you hide that second <video> tag. Then add a <script> tag at the bottom of that second <video> tag. Inside of that <script> tag, you are going to write a bit of javascript to 1) get both <video> tags, individually, and 2) set up an event listener for the first video, so that every time the first video gets clicked, the second one also gets clicked

 

[Antero360]

First of all, you are going to want to have each of the source files wrapped in their own <video> tag. I would give that second <video> tag an id of something like "my-video-audio". Then, set up a bit of css so that you hide that second <video> tag. Then add a <script> tag at the bottom of that second <video> tag. Inside of that <script> tag, you are going to write a bit of javascript to 1) get both <video> tags, individually, and 2) set up an event listener for the first video, so that every time the first video gets clicked, the second one also gets clicked

Give that a try, and then I will post my solution so that you can compare 🙂

 

[yarak1234]

First of all, you are going to want to have each of the source files wrapped in their own <video> tag. I would give that second <video> tag an id of something like "my-video-audio". Then, set up a bit of css so that you hide that second <video> tag. Then add a <script> tag at the bottom of that second <video> tag. Inside of that <script> tag, you are going to write a bit of javascript to 1) get both <video> tags, individually, and 2) set up an event listener for the first video, so that every time the first video gets clicked, the second one also gets clicked

I don't have enough HTML knowledge to do this.

 

[yarak1234]

Give that a try, and then I will post my solution so that you can compare 🙂

I had ChatGPT solve my problem! thanks a lot dude ♥️

 

[Antero360]

I had ChatGPT solve my problem! thanks a lot dude ♥️

lol, I mean the changes weren't that difficult really lol, matter of fact



That is all you needed 🙂