vue3搭配LiveQing实现播放直播功能(hls,m3u8)

LivePlayer H5播放器

vue3 + vite + LiveQing

import LivePlayer from '@liveqing/liveplayer-v3' // vue3

5.在页面中使用

  <LivePlayer
    videoUrl="https://volc-stream.kksmg.com/live/dfws/index.m3u8?volcSecret=884e2a1f9ff9d0a512a1ab8d33cf2f68&volcTime=1705476144"
    fluent
    live
  ></LivePlayer>

更多属性方法使用请访问官网：

附上几个直播源

1.cctv13 :https://live-play.cctvnews.cctv.com/cctv/merge_cctv13_mhd.m3u8
2.东方卫视：https://volc-stream.kksmg.com/live/dfws/index.m3u8?volcSecret=ea5b6246b97b29a825c906ff5b54ac&volcTime=1705481354
3.贵州卫视：https://9bwaz8y2.gzstv.com/live/CH01_lo.m3u8?txSecret=478069a44ee1f5173ff3f960722abb34&txTime=65A37E
4.黑龙江卫视：https://idclive.hljtv.com:4430/live/hljws_own.m3u8