当前位置：首页 > article >正文

videojs 播放mp4视频只有声音没有画面问题

article 2024/11/17 6:41:39

在使用Video.js播放MP4视频时，如果遇到只有声音没有画面的情况，这通常与视频文件的编码格式、浏览器兼容性或Video.js的配置有关。以下是一些可能的解决步骤和原因分析：

1. 检查视频编码

MP4视频支持多种编码格式，但并非所有编码都能在所有浏览器或播放器中无缝播放。特别是，AVC（H.264）编码是广泛支持且被认为是MP4的标准编码。如果视频使用的是其他编码（如MPEG4(DivX)、MPEG4(Xvid)等），可能会出现兼容性问题。

使用 H264视频编码和 AAC音频编码

示例：

解决步骤：

方式一：

使用视频转换工具（如格式工厂）将视频转换为AVC（H.264）编码的MP4格式。或者在线转换工具：转换为MP4在线 - 免费视频转换工具
转换后，再次尝试使用Video.js播放视频，看是否解决了问题。

方式二：

后台将视频转换成H264视频编码进行播放

jar包，可以在maven库搜索下载：

ws.schild jave-core：2.4.5
ws.schild jave-native-win64：2.4.5

（1）pom中加入这两个依赖：

<!-- https://mvnrepository.com/artifact/ws.schild/jave-core -->
<dependency>
    <groupId>ws.schild</groupId>
    <artifactId>jave-core</artifactId>
    <version>2.4.5</version>
</dependency>
<!-- https://mvnrepository.com/artifact/ws.schild/jave-native-win64 -->
<dependency>
    <groupId>ws.schild</groupId>
    <artifactId>jave-native-win64</artifactId>
    <version>2.4.5</version>
</dependency>

（2）代码如下：

package org.springeos.modules.quartz.m3u8.main;

import ws.schild.jave.*;
import java.io.File;
import java.io.IOException;

public class test {
   public static void main(String[] args) throws IOException {
      File source = new File("source.avi");
      File target = new File("target.avi");
      AudioAttributes audio = new AudioAttributes();
      audio.setCodec("libmp3lame");//音频编码格式
      //audio.setBitRate(new Integer(56000));//设置比特率，比特率越大，转出来的音频越大（默认是128000，最好默认就行，有特殊要求再设置）
      audio.setChannels(new Integer(1));
      audio.setSamplingRate(new Integer(22050));
      VideoAttributes video = new VideoAttributes();
      video.setCodec("libx264");//视屏编码格式
      //video.setBitRate(new Integer(56000));//设置比特率，比特率越大，转出来的视频越大（默认是128000,最好默认就行，有特殊要求再设置）
      video.setFrameRate(new Integer(15));//数值设置小了，视屏会卡顿
      EncodingAttributes attrs = new EncodingAttributes();
      attrs.setFormat("mp4");
      attrs.setAudioAttributes(audio);
      attrs.setVideoAttributes(video);
      Encoder encoder = new Encoder();
      MultimediaObject multimediaObject=new MultimediaObject(source);
      try {
         encoder.encode(multimediaObject,target,attrs);
      }catch (IllegalArgumentException e){
         e.printStackTrace();
      }catch (InputFormatException e){
         e.printStackTrace();
      }catch (EncoderException e){
         e.printStackTrace();
      }
   }

}