·您当前的位置:主页 > 技术教程 > 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. import com.adobe.images.JPGEncoder; 
  15. var vid:Video = new Video(); 
  16.  
  17. vid.attachNetStream(ns); 
  18. addChild(vid); 
  19.  
  20.  
  21.  
  22. //视频截图 
  23. function printscreen():void 
  24.         var snap:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight); 
  25.         snap.draw(stage.getChildAt(0),new Matrix()); 
  26.  
  27.         var jpgEncoder:JPGEncoder = new JPGEncoder(85); 
  28.         var jpgStream:ByteArray = jpgEncoder.encode(snap); 
  29.  
  30.  
  31.         var bytes:ByteArray = jpgEncoder.encode(snap); 
  32. var printscreen_url:String = TESTPAth
  33.         var req:URLRequest = new URLRequest(printscreen_url); 
  34.         req.data = bytes
  35.         req.method = URLRequestMethod.POST; 
  36.         req.contentType = "application/octet-stream"
  37.  
  38.         var loader:URLLoader = new URLLoader(); 
  39.         loader.dataFormat = URLLoaderDataFormat.BINARY; 
  40.  
  41.  
  42.         loader.load(req); 
  43.  
  44.         loader.addEventListener(Event.COMPLETE, completeHandler); 
  45. ExternalInterface.addCallback("printscreen",printscreen); 
  46. //截图后把图片地址传到JS。 
  47. function completeHandler(e:Event):void 
  48.  
  49.         var _byteArr:ByteArray = e.currentTarget.data as ByteArray; 
  50.  
  51.         var tempStr:String = _byteArr.toString(); 
  52.  
  53.         // 与 页面交互 
  54.         trace(tempStr); 
  55.         ns.pause(); 
  56.         ExternalInterface.call("screenReceive",tempStr); 

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

保利威视云直播提供稳定流畅,高画质,低延迟的直播服务

酷播云服务,酷播云