springmvc + audio音乐接口(音乐播放器)

   //判断字符是否为数字
    public boolean isNumber(char[] chars){
        boolean abs = true;
        for (int i = 0; i < chars.length; i++) {
            System.out.println(chars[i]-'0'+":"+(chars[i]-'0' >= 0 && chars[i]-'0' <= 9));
            if (!(chars[i]-'0' >= 0 && chars[i]-'0' <= 9)){
                if (chars[i] != '-') abs = false;
            }
        }
        return abs;
    }
    //提取数字
    public long rNum(int start,int len,char chars[]) {
        System.out.println("进来了");
        long nums = 0;
        for (int i = start; i < len; i++) {
            nums = nums*10 + chars[i]-'0';
            System.out.println(nums);
        }
        return nums;
    }

    /**
     * 实现思路:
     * @param request
     * @param response
     */
    @RequestMapping(value = "/getAudio")
    @CrossOrigin(origins = "*")
    public void getAudio(HttpServletRequest request,HttpServletResponse response){
        File file = new File("D:\\CloudMusic\\石白其 - 蓝.mp3");
        OutputStream out = null;
        FileInputStream fis = null;
        BufferedInputStream bif = null;
        int nums = 0;
        try {
            if (file.exists()){
                //第一步:先获取分段开始和结束位置
                long start = 0;     //开始的下标
                long toLength = 0;  //结束的下标
                long contentLength = file.length();  //文件总长度
                long actualLength = 0;               //实际传输长度

                String range = request.getHeader("Range"); //从请求中拿到数据。
                /**
                 * 判断range的格式是否正确
                 */
                System.out.println(range);
                if (range != null){
                    char chars[] = range.replaceAll("bytes=","").toCharArray();
                    System.out.println(Arrays.toString(chars));
                    if (isNumber(chars)){
                        if (chars[chars.length-1] == '-'){
                            start = rNum(0,chars.length-1,chars);
                            toLength = contentLength;
                            actualLength = contentLength - start;
                            System.out.println("来到第一个加载");
                        }else{
                            System.out.println("来到第二个加载");
                            start = rNum(0,range.indexOf("-"),chars);
                            toLength = rNum(range.indexOf("-")+1,chars.length,chars);
                            actualLength = toLength - start;
                        }
                    }
                }else{
                    start = 0;
                    toLength = contentLength;
                    actualLength = contentLength;
                }
                //第二步:响应头 Content-Range 的内容
                String rangeText = new String(new StringBuffer()
                        .append(new Long(start).toString())
                        .append("-")
                        .append(new Long(toLength).toString())
                        .append("/")
                        .append(new Long(contentLength).toString())
                );
                //第三步:设置响应头
                response.setHeader("Accept-Ranges","bytes");    //必设,表示支持断点传输
                response.setStatus(javax.servlet.http.HttpServletResponse.SC_PARTIAL_CONTENT);  //根据需求实现
                response.setHeader("Content-Length",actualLength+""); //
                response.setHeader("Content-Range",rangeText);

                System.out.println("开始数据长度:"+start);
                System.out.println("实际长度:"+actualLength);

                //第四步:根据 range 从不同的地方开始读取流
                out = response.getOutputStream();
                fis = new FileInputStream(file);
                bif = new BufferedInputStream(fis);
                bif.skip(start);        //从指定位置开始读取
                byte[] bytes = new byte[1024];
                int n = -1;
                while ((n = bif.read(bytes)) != -1){
                    out.write(bytes,0,n);
                    nums += n;
                }
            }
        }catch (Exception e){
            e.printStackTrace();
        }finally {
            System.out.println("传输长度:"+nums);
            try {
                if (out != null){
                    out.flush();
                    out.close();
                }
                if (bif != null)
                    bif.close();
            }catch (Exception e){
                e.printStackTrace();
            }


        }
    }

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <title>Document</title>
    <script>
        $(function(){
            doit()
            
        })
        function doit(){
            var xhr = new XMLHttpRequest();
            xhr.open('GET', 'http://localhost:8999/springmvc10_war_exploded/getAudio');
            xhr.responseType = 'blob';
            xhr.send();
	        xhr.onload = function(){
                if (xhr.status == 206){
                    var audio = document.getElementById("player")
                    audio.src = URL.createObjectURL(xhr.response)
                    //bufs为二进制
                }else{
                    console.log('Something error happened: ', xhr);
                }
	        }   
        }

        
    </script>
</head>
<body>
    <audio  src='' autoplay='autoplay' controls='controls' id='player'></audio>

    
</body>
</html>
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值