音频播放器Web页面代码实例（基于HTML5）

news2024/12/25 9:13:22

音频播放器Web页面代码实例（基于HTML5）：

<!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" />
    <title>第一个点播音频播放器</title>
    <style>
      #myAudioPlayer{
        width: 400px;
      }
    </style>
    <script src="https://player.polyv.net/resp/vod-audio-player/latest/audio-player.min.js"></script>
  </head>
  <body style="padding-top:30px;">
    <div id="myAudioPlayer"></div>
    <script>
      //参数开始
var vid="88083abbf5bfc681ce7d8cdfb32e73f7_8";
//参数结束
      var plvAudioPlayer = new PlvAudioPlayer({
        vid: vid, //上传到平台的音视频的唯一ID
        wrap: "#myAudioPlayer",
        skin: "white",
      });
    </script>
  </body>
</html>

特别需要注意的点：

    如果上传文件时设置的是默认转码方式，所有的文件都会转码为视频文件，使用音频播放器播放视频文件时，只会播放声音，没有图像。
    如果上传文件时设置了"源文件播放"，平台不会对源文件进行转码，播放器会直接播放源文件。建议上传mp3或aac格式的文件，其它音频格式文件，如3gp、ogg、wav、FLAC、mov等，能否正常播放取决于浏览器支持。
    如果上传视频文件时设置了“生成音频文件”，平台在转码时会额外转出一份mp3文件，音频播放器会播放该mp3文件。

我的文章推荐：