Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

HLS播放H265编码的视频失败 #1590

Open
jzcmf opened this issue Aug 29, 2024 · 0 comments
Open

HLS播放H265编码的视频失败 #1590

jzcmf opened this issue Aug 29, 2024 · 0 comments

Comments

@jzcmf
Copy link

jzcmf commented Aug 29, 2024

您使用的西瓜播放器版本是多少? What version of xgplayer are you using?
"xgplayer": "^3.0.20","xgplayer-hls": "^3.0.20"

您使用的操作系统和浏览器分别是? What OS and browser are you using?
windows,Google Chrome | 127.0.6533.120 (正式版本) (64 位) (cohort: Stable)

如何复现问题? How to reproduce the problem?
image
填入的视频直播流为H265的m3u8后缀的url,切换成H264的m3u8视频地址能正常播放,视频编码设置是从公司内网海康平台设置

这是我的代码

import Player from "xgplayer";
import HlsPlugin from "xgplayer-hls";
import { ref } from "vue";

export default function () {
  let hlsPlayer = ref(null);
  const initHls = (url) => {
    if (
      document
        .createElement("video")
        .canPlayType("application/vnd.apple.mpegurl")
    ) {
      hlsPlayer.value = new Player({
        el: document.querySelector("#camera-hls"),
        url: "http://ip:port/xps/6a7e01b4a2f6614cc04da33375fb4916/hls.m3u8",//H.265编码地址
      });
    } else if (HlsPlugin.isSupported()) {
      hlsPlayer.value = new Player({
        el: document.querySelector("#camera-hls"),
        isLive: true,
        url: "http://ip:port/xps/6a7e01b4a2f6614cc04da33375fb4916/hls.m3u8", //H.265编码地址
        plugins: [HlsPlugin], 
      });
    }
    /* ....more */
  };
  return {
    hlsPlayer,
    initHls,
  };
}

您期望的播放器正常行为是? What did you expect to happen?
hls播放器正常播放H265格式的视频

实际播放器的表现是? What actually happened?
黑屏

可填写您所在的公司和相关产品业务,方便我们提供更好的技术支持 You can write your company and product which uses xgplayer, for helping us provide better technical support.
摄像头监控页面

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant