【字节小游戏】游戏中播放视频

需求的场景描述:
字节小游戏,录屏结束后,分享前在游戏内播放出来,如下图

 
希望提供的能力:
游戏内播放录屏视频,试过用Laya的视频播放案例但是只在网页中有用,在真机上的头条没有视频,案例代码如下
class DOM_Video {
constructor() {
Laya.init(800, 600);
Laya.stage.bgColor = "#FFFFFF";
Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;

// 创建Video元素
var videoElement:any = Laya.Browser.createElement("video");
Laya.Browser.document.body.appendChild(videoElement);

// 设置Video元素地样式和属性
videoElement.style.zInddex = Laya.Render.canvas.style.zIndex + 1;
videoElement.src = "../../res/av/mov_bbb.mp4";
videoElement.controls = true;
// 阻止IOS视频全屏
videoElement.setAttribute("webkit-playsinline", true);
videoElement.setAttribute("playsinline", true);

// 设置画布上的对齐参照物
var reference:Laya.Sprite = new Laya.Sprite();
Laya.stage.addChild(reference);
reference.pos(100, 100);
reference.size(600, 400);
reference.graphics.drawRect(0, 0, reference.width, reference.height, "#CCCCCC");

// 每次舞台尺寸变更时,都会调用Utils.fitDOMElementInArea设置Video的位置,对齐的位置和refence重合
Laya.stage.on(Laya.Event.RESIZE, this, Laya.Utils.fitDOMElementInArea, [videoElement, reference, 0, 0, reference.width, reference.height]);
}
}
new DOM_Video();
已邀请:

Laya_XS

赞同来自:

看你描述问题的需求可能就没有搞明白。字节的录屏接口和分享接口是配合使用的,通过调用平台的录屏接口生成一个磁盘的录屏文件地址,然后在调用平台提供的录屏分享接口,将获取的地址先预先播放出来,在播放过程中玩家可以自己修改录屏分享的相关内容。然后在在录屏分享界面点击右上角的下一步按钮进行录屏发布。
而你提交的希望官方提交的能力。你只能调用平台的视频播放接口来播放视频,但是你没办法播放你录屏拿到的视频,因为录屏生成的文件地址是相对于手机磁盘的,而平台提供的视频地址是相对于游戏包路径的。
所以你还是在梳理下你的功能需求,这个能力并不是引擎所需要提供的能力,你需要根据平台来调整。

要回复问题请先

商务合作
商务合作