业务场景：

手机app端录音，然后上传至后台服务器，前端从后台服务器获取录音，在PC端WEB页面播放。
实际问题：

首先app录音文件默认是m4a格式，而在PC端WEB H5页面，<audio>标签并没有明确写着支持m4a格式，如果app端生成的录音不做相关设置，而用默认设置，在H5上确实是播放不了的。
其实一开始，我没有想太多，也是想着把m4a文件转成mp3给前台用。
在网上查了一番，很多都说用jave-1.0.2.2.jar，然而其实这个包很旧，而且在windows上是可以转，但centos8上不支m4a格式转码，在系统上有兼容性问题。信我，别用它。
然后又在码库里找了比较靠谱的是这个包，这里附个链接: https://github.com/a-schild/jave2，这个包也是基于ffmpeg的，提供了支持win64、osx64、linux64的依赖，建义在maven打包时，根据开发或生产环境的不同，打包时引用相应环境的依赖。
下面附上我的m4a转mp3的java代码：
pom.xml

1. <?xml version="1.0" encoding="UTF-8"?>
   
2. <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
   
3.         <modelVersion>4.0.0</modelVersion>
   
4.        
   
5.         <groupId>com</groupId>
   
6.         <artifactId>test</artifactId>
   
7.         <version>1.0.0-SNAPSHOT</version>
   
8.         <packaging>pom</packaging>
   
9. 
   
10.     <properties>      
    
11.         <jave.version>2.7.1</jave.version>
    
12.     </properties>
    
13. 
    
14.         <dependencyManagement>
    
15.                 <dependencies>           
    
16.             <!--录音转换，jave-all-deps 包涵了所有平台的依赖，由于打包太大，建议打包时选指定的依赖-->
    
17.             <!--<dependency>-->
    
18.                 <!--<groupId>ws.schild</groupId>-->
    
19.                 <!--<artifactId>jave-all-deps</artifactId>-->
    
20.                 <!--<version>${jave.version}</version>-->
    
21.             <!--</dependency>-->
    
22.             <!--录音转换，指定平台依赖，jave-core必需指定-->
    
23.             <dependency>
    
24.                 <groupId>it.sauronsoftware</groupId>
    
25.                 <artifactId>jave</artifactId>
    
26.                 <groupId>ws.schild</groupId>
    
27.                 <artifactId>jave-core</artifactId>
    
28.                 <version>${jave.version}</version>
    
29.             </dependency>
    
30.         </dependencies>
    
31.     </dependencyManagement>
    
32. 
    
33.    
    
34.     <!--激活profile配置,用来切换不同环境的配置-->
    
35.     <profiles>
    
36.         <profile>
    
37.             <id>dev</id>
    
38.             <properties>
    
39.                 <profiles.actives>dev</profiles.actives>
    
40.             </properties>
    
41.             <activation>
    
42.                 <activeByDefault>true</activeByDefault>
    
43.                 <activeByDefault>false</activeByDefault>
    
44.             </activation>
    
45.             <dependencies>
    
46.                 <dependency>
    
47.                     <groupId>ws.schild</groupId>
    
48.                     <artifactId>jave-nativebin-linux64</artifactId>
    
49.                     <version>${jave.version}</version>
    
50.                 </dependency>
    
51.             </dependencies>
    
52.         </profile>
    
53. 
    
54.         <profile>
    
55.             <id>pro</id>
    
56.             <properties>
    
57.                 <profiles.actives>pro</profiles.actives>
    
58.             </properties>
    
59.             <activation>
    
60.                 <activeByDefault>false</activeByDefault>
    
61.             </activation>
    
62.             <dependencies>
    
63.                 <dependency>
    
64.                     <groupId>ws.schild</groupId>
    
65.                     <artifactId>jave-nativebin-linux64</artifactId>
    
66.                     <version>${jave.version}</version>
    
67.                 </dependency>
    
68.             </dependencies>
    
69.         </profile>
    
70. 
    
71.         <profile>
    
72.             <id>test</id>
    
73.             <properties>
    
74.                 <profiles.actives>test</profiles.actives>
    
75.             </properties>
    
76.             <activation>
    
77.                 <activeByDefault>true</activeByDefault>
    
78.             </activation>
    
79.             <dependencies>
    
80.                 <dependency>
    
81.                     <groupId>ws.schild</groupId>
    
82.                     <artifactId>jave-nativebin-win64</artifactId>
    
83.                     <version>${jave.version}</version>
    
84.                 </dependency>
    
85.             </dependencies>
    
86.         </profile>
    
87.     </profiles>
    
88. 
    
89. </project>

复制代码

录音文件转换代码：

1. package com.utils;
   
2. 
   
3. import com.alibaba.fastjson.JSON;
   
4. import com.qirui.framework.common.base.syslog.SysLog;
   
5. import com.qirui.framework.common.base.syslog.SysLogAnnotation;
   
6. import com.qirui.framework.common.base.syslog.SysLogPrint;
   
7. import com.qirui.framework.common.utils.RequestUtil;
   
8. import org.springframework.stereotype.Component;
   
9. import ws.schild.jave.*;
   
10. 
    
11. import java.io.BufferedOutputStream;
    
12. import java.io.File;
    
13. import java.io.FileOutputStream;
    
14. import java.io.IOException;
    
15. 
    
16. /**
    
17. * @ClassName AudioTransUtil
    
18. * @Description 录音转换
    
19. * @Author admin
    
20. * @Version 1.0.0
    
21. **/
    
22. @Component
    
23. public class AudioTransUtil {
    
24.     static {
    
25.     // 项目是springboot jar包, jar包内的代码要读取外面文件夹的文件，需要处理一下读取路径，
    
26.     // 这里是把录音源文件和转换文件放在springboot jar包的同级文件夹下
    
27.         String path = AudioTransUtil.class.getProtectionDomain().getCodeSource().getLocation().getPath();
    
28. 
    
29.         if(path.contains("jar")){
    
30.             //file:/F:/ideaWorkspace/test/smp-admin/framework-client/target/framework-client-0.0.1-SNAPSHOT.jar!/BOOT-INF/lib/framework-service-0.0.1-SNAPSHOT.jar!/
    
31.             //去掉 "file:"
    
32.             path = path.substring(path.indexOf("/"), path.length());
    
33.         }
    
34.         if(System.getProperty("os.name").contains("dows")) {
    
35.             path = path.substring(1, path.length());
    
36.             //widonws的jar包
    
37.             if(path.contains("jar")){
    
38.                 path = path.substring(0, path.indexOf(".jar"));
    
39.                 rootPath = path.substring(0, path.lastIndexOf("/"));
    
40.             }else{
    
41.                 rootPath =  path.replace("/target/classes/", "");
    
42.             }
    
43.         }else if(System.getProperty("os.name").contains("Mac")){
    
44.             rootPath = path.replace("/target/classes/", "");
    
45.         }
    
46.         else {
    
47.             path = path.substring(0, path.indexOf(".jar"));
    
48.             rootPath = path.substring(0, path.lastIndexOf("/"));
    
49.         }
    
50.     }
    
51. 
    
52. 
    
53.     protected static final String rootPath;
    
54.     /**
    
55.      *目录路径
    
56.      */
    
57.     private static final StringBuilder dirPathStr = new StringBuilder(rootPath).append("/temp/audio/");
    
58.     private static final String MP3 = "mp3";
    
59. 
    
60.     @SysLogAnnotation(descript = "录音转换格式")
    
61.     public String trans2Mp3(byte[] sourceAudioBytes, String sourceAudioName){
    
62.         //文件路径
    
63.         String soureAudioFilePathStr = new StringBuilder(dirPathStr).append(sourceAudioName).toString();
    
64.         String sourceAudioType = sourceAudioName.substring(sourceAudioName.indexOf(".")+1);
    
65.         String targetAudioFilePathStr = new StringBuilder(soureAudioFilePathStr).toString().replace(sourceAudioType, MP3);
    
66. 
    
67.         BufferedOutputStream bos = null;
    
68.         FileOutputStream fos = null;
    
69.         try{
    
70.             File dir = new File(dirPathStr.toString());
    
71.             if(!dir.exists()){
    
72.                 dir.mkdirs();
    
73.             }
    
74. 
    
75.             File sourceAudioFile = new File(soureAudioFilePathStr);
    
76.             fos = new FileOutputStream(sourceAudioFile);
    
77.             bos = new BufferedOutputStream(fos);
    
78.             bos.write(sourceAudioBytes);
    
79. 
    
80.             File targetAudioFile = new File(targetAudioFilePathStr);
    
81. 
    
82.             AudioAttributes audioAttributes = new AudioAttributes();
    
83.             audioAttributes.setCodec("libmp3lame");
    
84.             audioAttributes.setBitRate(new Integer(32000));
    
85. //            audioAttributes.setChannels(new Integer(2));
    
86. //            audioAttributes.setSamplingRate(new Integer(22050));
    
87. 
    
88.             EncodingAttributes attrs = new EncodingAttributes();
    
89.             attrs.setFormat("mp3");
    
90.             attrs.setAudioAttributes(audioAttributes);
    
91. 
    
92.             Encoder encoder = new Encoder();
    
93. 
    
94.             //在有需要时添加,可根据不同系统环境,查看支持处理的文件格式
    
95.             System.out.println("encoder.getVideoDecoders():" + JSON.toJSON(encoder.getVideoDecoders()).toString());
    
96.             System.out.println("encoder.getSupportedDecodingFormats():" + JSON.toJSON(encoder.getSupportedDecodingFormats()).toString());
    
97. 
    
98.             MyJaveListener myJaveListener = new MyJaveListener();
    
99. 
    
100.             encoder.encode(new MultimediaObject(sourceAudioFile), targetAudioFile, attrs, myJaveListener);
     
101.         }catch (Exception e){
     
102.             e.printStackTrace();
     
103.         }finally {
     
104.             try {
     
105.                 if(null != bos){
     
106.                     bos.close();
     
107.                 }
     
108.                 if(null != fos){
     
109.                     fos.close();
     
110.                 }
     
111.             } catch (IOException e) {
     
112.                 e.printStackTrace();
     
113.             }
     
114.         }
     
115. 
     
116.         SysLog sysLog = new SysLog();
     
117.         sysLog.setLogId(RequestUtil.getAccessLogId());
     
118.         sysLog.setParams(targetAudioFilePathStr);
     
119.         sysLog.setDescript("录音转换路径");
     
120.         SysLogPrint.printSysLogBody(sysLog);
     
121. 
     
122.         return targetAudioFilePathStr;
     
123.     }
     
124. 
     
125.     // 删除本地临时录音
     
126.     public void deleteTempAudio(String fileName){
     
127.         //文件路径
     
128.         String fileNameTemp = fileName.substring(fileName.lastIndexOf("/")+1, fileName.length());
     
129.         String soureAudioFilePathStr = new StringBuilder(dirPathStr).append(fileNameTemp).toString();
     
130.         String sourceAudioType = fileName.substring(fileName.indexOf(".")+1);
     
131.         String targetAudioFilePathStr = new StringBuilder(soureAudioFilePathStr).toString().replace(sourceAudioType, MP3);
     
132. 
     
133.         File file = new File(soureAudioFilePathStr);
     
134.         file.delete();
     
135.         file = new File(targetAudioFilePathStr);
     
136.         file.delete();
     
137.     }
     
138. 
     
139.     /**
     
140.      * 录音转码处理监听器,可监听文件处理结果,对于错误信息很有用
     
141.      */
     
142.     private class MyJaveListener implements EncoderProgressListener {
     
143.         @Override
     
144.         public void sourceInfo(MultimediaInfo multimediaInfo) {
     
145.             System.out.println("MyListener.sourceInfo:" + JSON.toJSON(multimediaInfo).toString());
     
146.         }
     
147. 
     
148.         @Override
     
149.         public void progress(int i) {
     
150.             System.out.println("MyListener.progress:" + i);
     
151.         }
     
152. 
     
153.         @Override
     
154.         public void message(String s) {
     
155.             System.out.println("MyListener.message:" + s);
     
156.         }
     
157.     }
     
158. }

复制代码

上面的代码，在centos8环境是可以正常转换的，开一始，我的生产环境也用了这份。
后来，我去找了m4a和mp3、mp4的区别，发现 mp4是使用了MPEG-4进行封装的AAC编码，而M4A的本质和音频MP4相同，它是区别纯音频MP4文件和包含视频的MP4文件而由苹果(Apple)公司使用的扩展名。
那么疑问来了，竟然m4a和mp4的本质相同，那么竟然浏览器H5可以播放mp4,为什么m4a不行，原因在音频的编码上，AAC编码是解决问题的关键。
下面附上安卓内部输出录音代码中的几个关键截图：

默认如果不设置，AudioEncoder是0，0并不是AAC编码，我们需要在输出格式上设置MPEG_4,并把编码格式设置成AAC,
如第三图中所示：

1. setOutPutFormat(MediaRecorder.OutputFormat.MPEG_4)
   
2. 
   
3. setAudioEncoder(MediaRecorder.AudioEncoder.AAC)

复制代码

这样，生成的m4a录音文件，就可以直接在浏览器H5页面中播放了，完全不需要后台，在整个程序个不仅少了代码的转码时间，本身m4a文件也很小。
到此这篇关于Html5页面播放M4a音频文件的文章就介绍到这了,更多相关Html5播放M4a 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

来源：https://www.jb51.net/html5/768832.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！