用RecordRTC 视频录制并添加水印或广告图片

用RecordRTC 视频录制并添加水印或广告图片

用RecordRTC 视频录制并添加水印或广告图片

注意:视频广告图片及水印图片必须是base64格式的,防止出现跨域问题

<style>
    html, body, video, canvas {
        margin: 0!important;
        padding: 0!important;
        text-align: center;
    }
</style>

<title> RecordRTC 视频录制添加水印或广告图片</title>
<h1>RecordRTC 视频录制添加水印或广告图片</h1>
<p>10秒后自动停止录制.</p>
        <p >
    首先需要<a href="https://chrome.google.com/webstore/detail/getusermedia/nbnpcmljmiinldficickhdoaiblgkggc">安装chrome扩展</a>,注意,这需要fanqiang,如果打不开,就查看这篇文章手动安装chrome扩展,<a href="http://www.bfw.wiki//user10/15640228901296320096.html">点击查看</a>
</p>
<video id="video-preview" controls autoplay playsinline></video>
<img id="logo-image" src="data:image/png;base64,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...

点击查看剩余70%

{{collectdata}}

网友评论0