Aliplayer直播截图+水印

使用aliplayer，需要在进行某个操作时对直播进行截图并添加水印，得到的是base64图片

var canvas = document.createElement('canvas');video = player.tag;canvas.width = video.videoWidth;//视频原有尺寸canvas.height = video.videoHeight;//视频原有尺寸var ctx = canvas.getContext('2d');ctx.save();//判断用户是否对视频做过镜像var image = player.getImage();if (image == "vertical")//垂直镜像{ctx.translate(0, canvas.height);ctx.scale(1, -1);}else if (image == "horizon")//水平镜像{ctx.translate(canvas.width, 0);ctx.scale(-1, 1);}//视频的当前画面渲染到画布上ctx.drawImage(video, 0, 0, canvas.width, canvas.height);for (var i = 0; i < 6; i++) {phone += "           " + phone;}ctx.restore();for (let i = 0; i < 100; i++) {ctx.rotate((-45 * Math.PI) / 180); // 水印初始偏转角度ctx.font = "bold 16px microsoft yahei";ctx.fillStyle = "rgba(255,255,255,0.5)";ctx.fillText(phone, -600, i * 30);//这个地方将30值调大一些，水印信息的上下间距就会更高一些ctx.rotate((45 * Math.PI) / 180); // 把水印偏转角度调整为原来的，不然他会一直转}var url = canvas.toDataURL("image/jpeg");

效果图如下：

Aliplayer直播截图+水印相关推荐

视频直播常见问题与解决办法汇总【系列二—直播截图】
2019独角兽企业重金招聘Python工程师标准>>> 摘要: 使用场景用户常需要对视频直播的内容进行分析.例如,需要对直播中的某一帧的内容作为封面图片或者对于直播内容进行鉴黄以查 ...
教育教学直播截图（未完待续）
TONY阿酷教育教学直播截图(未完待续) ... ... ... ... ... ... ... ... ... ... ... ... 这样也不行吗?
微信视频直播截图及如何分享到朋友圈和微信群截图（多图）
微信直播应用广泛,产品发布会.活动.会务.展览.培训.演艺.赛事.婚礼等各方面都有很好的应用. 微信视频直播效果: 微信视频直播分享到朋友圈和微信群:
阿里云Aliplayer高级功能介绍(一)：视频截图 1
基本介绍 H5 Video是不提供截图的API的, 视频截图需要借助Canvas,通过Canvas提供的drawImage方法,把Video的当前画面渲染到画布上, 最终通过toDataURL方法可以 ...
5 分钟完成 Nginx 直播服务部署（直播 + 分流 + 画面水印）
个人博客请访问 http://www.x0100.top 最近帮朋友的公司部署了一套分流+水印的直播系统顺手打包成docker镜像,方便大家需要用到的时候开箱即用,不需要百度一些零碎的文章也可做简 ...
全球异地多方连线视频直播（效果截图）
直播场景需求: 异地(全球)多方做视频连线: 异地嘉宾连线: 直播观看高并发需求: 观看端全终端适配. 2020中国医疗峰会视频直播(直播截图) 未完待续~~ 我的热门文章推荐多路视频直播用在线云 ...
使用Aspose.cells截图并去除截图中水印_含资源下载链接
1.因平时将数据生成简单报表,大多数用的都Apache poi,但要是对生成的Excel进行截图保存或者发送邮件使用,这里poi暂时不能实现. 对Excel的sheet 截图可以用aspose-c ...
1篇文章看懂峰值带宽、流量、转码、连麦、截图五大直播计费方式
原文链接产品简介阿里云视频直播服务(LiveVideo)是基于领先的内容接入与分发网络和大规模分布式实时转码技术打造的音视频直播平台,提供便捷接入.高清流畅.低延迟.高并发的音视频直播服务. 视频 ...
首帧秒开+智能鉴黄+直播答题，阿里云直播系统背后技术大起底
摘要: 想要快速实现直播能力,并对原有业务不产生任何影响,依托如阿里云一样的直播平台,来搭建移动直播系统,将技术难题交给阿里云,把更多的精力放在核心业务的本身,是最为稳妥和高效的选择.本文介绍阿里云直 ...
iOS 隐形水印之 LSB 实现
Python实战社群 Java实战社群长按识别下方二维码,按需求添加扫码关注添加客服进Python社群▲ 扫码关注添加客服进Java社群▲ 作者丨千帆直播-陈奇辉来源丨搜狐技术产品(sohu ...

Aliplayer直播截图+水印

Aliplayer直播截图+水印相关推荐

最新文章

热门文章