HTML：将单独的音频附加到视频不起作用

使用React.JS并尝试使用声音渲染默认视频。问题是，我有一个单独的视频和声音文件。视频工作正常，但我不确定如何“同步”它们，以便音频和视频同时播放，用户可以使用视频控件停止音频。这是我目前的代码：

                  <video
                    controls
                    // controlsList="nodownload noremoteplayback"
                    width={sWidth}
                    height={sHeight}
                    autoPlay={true}
                    id={index}
                    onEnded={() => this.nextVideo(true)}
                    disablePictureInPicture={true}
                  >
                    <source
                      src={this.state.content[this.state.index][0]}
                      type="video/mp4"
                    ></source>

                    <source
                      src={this.state.content[this.state.index][1]}
                      type="video/mp4"
                      {/*type="video/ogg" */}
                    ></source>
                  </video>

this.nextVideo（true）}
disablePictureInPicture={true}
>

音频也是一个.mp4文件，这可能是问题所在

---

无论哪个源是第一个，都是渲染的内容，无论是作为视频还是音频元素。我试着把音频变成视频的孩子，但那也不行。我该怎么办？谢谢。

如果您只有一个视频文件和一个音频文件，我会通过ffmpeg将它们重新编码为一个文件。这将确保无论使用何种浏览器，这两个曲目都不会不同步

试着这样做：

ffmpeg -i videofile.mp4 -i audiofile.mp4 -map 0:v -map 1:a -c copy -shortest combined.mp4