音频播放器Web页面代码实例（基于HTML5）-Toy模板网

这篇具有很好参考价值的文章主要介绍了音频播放器Web页面代码实例（基于HTML5）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

音频播放器Web页面代码实例（基于HTML5）,点播WebSDK,前端,音视频,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文件。

我的文章推荐：文章来源地址https://www.toymoban.com/news/detail-579467.html