[HTML5]将WebView的视频绘制在Canvas上

最新推荐文章于 2024-05-14 20:08:30 发布

ChindyDeng

最新推荐文章于 2024-05-14 20:08:30 发布

阅读量1k

点赞数 2

分类专栏： Unity开发 Android开发文章标签： java 视频 canvas webview

本文链接：https://blog.csdn.net/chindy/article/details/74344575

版权

想做这样一个技术流程：将视频用WebView播放，然后渲染到Canvas上；通过Java的SurfaceView去得到textureid；然后提供给Unity使用。

如何把WebView的视频渲染到Canvas上呢，这里提供了一个h5的代码：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
window.addEventListener('load', eventWindowLoaded, false);
var videoElement;
var videoDiv;
function eventWindowLoaded() 
{
   videoElement = document.getElementById("video");
   videoElement.addEventListener("canplaythrough",videoLoaded,false);
}

function videoLoaded(event) 
{
   canvasApp();
}

function canvasApp() 
{ 
 function  drawScreen () 
 {
      //Background
      context.fillStyle = '#ffffaa';
      context.fillRect(0, 0, theCanvas.width, theCanvas.height);
      //Box
      context.strokeStyle = '#000000';
      context.strokeRect(5,  5, theCanvas.width-10, theCanvas.height-10);
      //video

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ChindyDeng

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
[HTML5]将WebView的视频绘制在Canvas上

想做这样一个技术流程：将视频用WebView播放，然后渲染到Canvas上；通过Java的SurfaceView去得到textureid；然后提供给Unity使用。如何把WebView的视频渲染到Canvas上呢，这里提供了一个h5的代码：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;script type="text/javascript...
复制链接

扫一扫