功能需求：

一、獲取本地音訊檔案，進行解析成二進位制資料音訊流

二、將音訊流轉化成byte[]陣列，按指定大小位元組數進行分包

三、將音訊流分成若干個包，以List列表形式快取到redis資料庫中

四、從redis資料庫中獲取資料，轉換成音訊流輸出到瀏覽器播放、實現音訊下載功能

程式如下：

1.在SpringBootpom.xml檔案中新增Redis依賴

1  <!--Redis依賴-->
2    <dependency>
3      <groupId>org.springframework.boot</groupId>
4      <artifactId>spring-boot-starter-data-redis</artifactId>
5   </dependency>

2.在SpringBoot配置檔案中新增以下配置

 1 # 服務埠
 2 server:
 3   port: 8080
 4 
 5 spring:
 6 #reids配置
 7 redis:
 8   host: 127.0.0.1 # Redis伺服器地址
 9   database: 1 # Redis資料庫索引（預設為0）
10   port: 6379 # Redis伺服器連線埠
11   password: # Redis伺服器連線密碼（預設為空）
12   jedis:
13     pool:
14       max-active: 8 # 連線池最大連線數（使用負值表示沒有限制）
15       max-wait: -1ms # 連線池最大阻塞等待時間（使用負值表示沒有限制）
16       max-idle: 8 # 連線池中的最大空閒連線
17       min-idle: 0 # 連線池中的最小空閒連線
18   timeout: 3000ms # 連線超時時間（毫秒）

 3.建立RedisTemplate物件操作redis

RedisTemplate介紹：

說的通俗一點…為了讓Spring框架體系能夠更加方便的接入Redis的功能，RedisTemplate其實就是Spring框架對Jedis的封裝…是 spring-data-redis中使用redis的模版。

　　/**
     * 建立redisTemplate物件操作redis
     */

    @Resource
    private RedisTemplate<String,Object> redisTemplate;

4.主業務資料處理讀取音訊檔案進行轉換儲存

通過FileInputStream物件把音訊檔案轉換成byte[]陣列，進行分包，把分好包的位元組資料新增到List集合中，在呼叫RedisTemplate物件的opsForList().rightPushAll方法批量新增引數List元素，以Redis的列表資料格式儲存。

 1  　/**
 2      * 獲取檔案將檔案轉換成byte[]陣列，進行分包儲存到redis
 3      */
 4     @RequestMapping("/setAudio")
 5     @ResponseBody
 6     public Object getsty() throws Exception {
 7         File file = new File("E:/zmj-3011-32779/12121.mp3");
 8         FileInputStream inputFile = new FileInputStream(file);
 9         byte[] buffer = new byte[(int) (file.length() * 1)];
10         inputFile.read(buffer);//檔案解析把位元組數新增到buffer[]中
11         inputFile.close();
12 
13         int viceLength = 180; //每個位元組包大小
14         int viceNumber = (int) Math.ceil(buffer.length /(double) viceLength);//存多少個包
15         int from, to;
16         List listrk = new ArrayList();
17         for (int i=0;i<viceNumber;i++){ //將完整音訊buffer[]進行迴圈拆分
18             ioentity ioe=new ioentity();
19             from=(int) (i*viceLength);
20             to=(int)(from+viceLength);
21             if(to>buffer.length)
22                 to=buffer.length;
23             listrk.add(Arrays.copyOfRange(buffer,from,to));//按位元組範圍拷貝生成新陣列,新增到List列表中
24         }
25         redisTemplate.opsForList().rightPushAll("Audio", listrk);//redisTemplate的批量新增,以List列表形式進行儲存
26         return "redis入庫成功!";
27     }

 redis客戶端儲存結果：

可以看出只儲存了一個key，value是以list列表形式儲存，音訊檔案以180個位元組陣列進行儲存，一共儲存了2634個。此處沒有設快取時間，所以不會超時。

 6.從Redis資料庫快取中獲取音訊資料進行解析

通過Redis物件的redisTemplate.opsForList().range方法獲取快取的value，通過list集合接收進行遍歷，進行合併生成一個新的byte陣列，在通過OutputStream物件輸出byte陣列，瀏覽器自動解析二進位制音訊流檔案。

 1  /**
 2      * 從redis中分包取值進行byte[]數組合並解析音訊
 3      */
 4     @RequestMapping("/getkeyAudio")
 5     public Object getKey(HttpServletResponse response) throws Exception{
 6         OutputStream os = response.getOutputStream();
 7         List list =redisTemplate.opsForList().range("Audio", 0, -1); //通過key獲取指定區間的值,List方式儲存用List集合去接收
 8 
 9         //合併音訊
10         List<byte[]> blist = list;
11         int lengthTotal = 0;
12         for (byte[] item : blist) {
13             lengthTotal += item.length;
14         }
15         byte[] totalByte = new byte[lengthTotal];
16         int begin = 0;
17         for (byte[] item : blist) {
18             //System.arraycopy(原陣列, 原陣列起始位置, 目標陣列, 目標陣列起始位置, 複製長度);
19             System.arraycopy(item, 0, totalByte, begin, item.length);
20             begin += item.length;
21         }
22         os.write(totalByte);//通過OutputStream物件輸出合併後的陣列
23 
24         return ""; //OutputStream物件輸出流,直接返回為空,瀏覽器自動會為我們解析音訊流
25     }

第一種解析方法：

瀏覽器發起請求得到音訊二進位制流，瀏覽器解析自動生成一個播放器播放該音訊及附加下載功能。

 第二種解析方法：

在HTML頁面中定義Audio標籤，建立XMLHttpRequest物件發起請求，通過Audio標籤進行解析。

<audio id="sound" width="200" controls="controls"></audio>

<script>
    $(document).ready(function(){
        agf();
    });

    function agf() {
    //建立XMLHttpRequest物件
    var xhr = new XMLHttpRequest();
    //配置請求方式、請求地址以及是否同步
    xhr.open('POST', '/getkey', true);
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    //設定請求結果型別為blob
    xhr.responseType = 'blob';
    //請求成功回撥函式
    xhr.onload = function(e) {
        if (this.status == 200) {//請求成功
            //獲取blob物件
            var blob = this.response;
            //獲取blob物件地址，並把值賦給容器
            $("#sound").attr("src", URL.createObjectURL(blob));
        }
    };
    xhr.send();  
   }
</script>

 個人總結：

記錄點滴每天成長一點點，學習是永無止境的！轉載請附原文連結！