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

原创

于 2023-07-14 09:40:03 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #音视频 #html5

本文介绍了基于HTML5的音频播放器Web页面代码实例，重点讲述了在上传音频和视频文件时，不同设置对播放效果的影响。若选择默认转码，音频播放器将播放无声视频；若设置为'源文件播放'，则需上传mp3或aac格式以确保兼容性；若上传视频并生成音频文件，播放器将播放mp3转码版。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

音频播放器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",