当前位置: 首页 > article >正文

音频播放器Web页面代码实例(基于HTML5)

音频播放器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移动端)兼容性说明

http://www.kler.cn/a/37676.html

相关文章:

  • 【单周期CPU】LoongArch | 32位寄存器DR | 32位的程序计数器PC | 通用寄存器堆Registers | 32位RAM存储器
  • 自然语言处理从入门到应用——LangChain:代理(Agents)-[基础知识]
  • 【考研思维题】【哈希表 || 什么时候用哈希表呢?快速查询的时候】【我们一起60天准备考研算法面试(大全)-第九天 9/60】
  • 【C++顺序容器】forward_list的成员函数和非成员函数
  • Android Framework岗位面试真题分享
  • 浅析深拷贝和浅拷贝(python和go的切片)
  • Linux: network: tcp: sack 实例 TCP Dup ACK; D-SACK; duplicate
  • 使用RabbitMQ
  • Vue相关记录
  • 吴恩达机器学习2022-Jupyter-Scikit-Learn教学
  • 十七.EtherCAT开发之AX58200(新塘 MCU M480+ AX58100)的开发EOE应用
  • flutter开发实战-生日等日期选择器DatePicker
  • (33)接收信号强度指示(RSSI)
  • review回文子串
  • Android 使用webView打开网页可以实现自动播放音频
  • 计算机体系结构基础知识介绍之线程级并行性及其利用
  • 前端部署项目,经常会出现下载完 node 或者 npm 运行时候发现,提示找不到
  • 智能机器人嵌入ChatGPT会给社会带来哪些进步
  • 【前端知识】React 基础巩固(二十六)——Portals 的使用
  • MySQL-Redis数据类型操作和MongoDB基本操作