·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]as3视频截图与js调用的代码范例

时间:2017-07-16 11:15酷播
这个问题纠结了我很多天,终于搞定了,方法发上来,给遇到的朋友们参考:在用BitMapData.draw()方法截取一个视频图片时会报错,或者,截取的图片是黑色块。是flash player安全沙箱的问题,下面是解决方法

[AS3]as3视频截图与js调用的代码范例

这个问题纠结了我很多天,终于搞定了,方法发上来,给遇到的朋友们参考:
在用BitMapData.draw()方法截取一个视频图片时会报错,或者,截取的图片是黑色块。是flash player安全沙箱的问题,下面是解决方法:

在创建NetStream时video先不要显示视频流,

_video.attachNetStream(null),

等到播放视频时再显示视频

_video.attachNetStream(_netStream);

例:创建视频时:

//_video.attachNetStream(_netStream);//先不显示
  _video.attachNetStream(null);

在播放视频时显示。
    _netStream.play(_mediaUrl);
    _video.attachNetStream(_netStream);//将视频加入显示列表
这样后,可以截取到视频图片了

  1. //flash---->js----->flash 
  2. import flash.external.ExternalInterface; 
  3. import com.adobe.images.JPGEncoder; 
  4.  
  5. var nc:NetConnection = new NetConnection(); 
  6. nc.connect(null); 
  7.  
  8. var ns:NetStream = new NetStream(nc); 
  9. ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler); 
  10. ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler); 
  11. ns.play("http://content.bitsontherun.com/videos/bkaovAYt-injeKYZS.mp4"); 
  12. function asyncErrorHandler(event:AsyncErrorEvent):void 
  13. { 
  14.         // 忽略错误 
  15. } 
  16. import com.adobe.images.JPGEncoder; 
  17. var vid:Video = new Video(); 
  18.  
  19. vid.attachNetStream(ns); 
  20. addChild(vid); 
  21.  
  22.  
  23.  
  24. //视频截图 
  25. function printscreen():void 
  26. { 
  27.         var snap:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight); 
  28.         snap.draw(stage.getChildAt(0),new Matrix()); 
  29.  
  30.         var jpgEncoder:JPGEncoder = new JPGEncoder(85); 
  31.         var jpgStream:ByteArray = jpgEncoder.encode(snap); 
  32.  
  33.  
  34.         var bytes:ByteArray = jpgEncoder.encode(snap); 
  35. var printscreen_url:String = TESTPAth; 
  36.         var req:URLRequest = new URLRequest(printscreen_url); 
  37.         req.data = bytes; 
  38.         req.method = URLRequestMethod.POST; 
  39.         req.contentType = "application/octet-stream"; 
  40.  
  41.         var loader:URLLoader = new URLLoader(); 
  42.         loader.dataFormat = URLLoaderDataFormat.BINARY; 
  43.  
  44.  
  45.         loader.load(req); 
  46.  
  47.         loader.addEventListener(Event.COMPLETE, completeHandler); 
  48. } 
  49. ExternalInterface.addCallback("printscreen",printscreen); 
  50. //截图后把图片地址传到JS。 
  51. function completeHandler(e:Event):void 
  52. { 
  53.  
  54.         var _byteArr:ByteArray = e.currentTarget.data as ByteArray; 
  55.  
  56.         var tempStr:String = _byteArr.toString(); 
  57.  
  58.         // 与 页面交互 
  59.         trace(tempStr); 
  60.         ns.pause(); 
  61.         ExternalInterface.call("screenReceive",tempStr); 
  62. } 

来源:http://bbs.9ria.com/forum.php?mod=viewthread&tid=274422

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器