音频播放器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文件。
我的文章推荐:
- [视频+图文] 线上研讨会是什么,企业对内对外培训可以用线上研讨会吗?
- [图文] 企业直播对网络带宽有什么要求?
- [图文]OBS如何实现毫秒级超低延时直播
- 直播播放器API(播放器调用方法、参数、接口和事件)
- 企业内训课程视频加密防下载是如何做的?10种思路
- 超低延迟/无延迟直播(PRTC Web SDK移动端)兼容性说明