甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
前言
在永春等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站建设、做网站 网站设计制作按需求定制网站,公司网站建设,企业网站建设,品牌网站制作,网络营销推广,成都外贸网站建设公司,永春网站建设费用合理。
为什么跨平台是发展趋势？
同一个应用，各个“端”独立开发，不仅开发周期长，而且人员成本高。同时，作为技术人员，也不应该满足于这种重复、低能的工作状态。在这样的形势下，跨平台的技术方案也受到越来越多人和企业的关注。
本篇文章我将从原理、优缺点等方面为大家分享跨平台技术
一. H5
说到跨平台，没人不知道H5。不管是在Mac、Windows、Linux、iOS、Android还是其他平台，只要给一个浏览器，连“月球”上它都能跑。
1.浏览器架构
下面，我们来看看让H5如此横行霸道的浏览器的架构：
浏览器由以上7个部分组成，而“渲染引擎”是性能优化的重中之重，一起了解其中的渲染原理。
2.渲染引擎原理
不同的浏览器内核不同，渲染过程会不太一样，但主要流程还是一致的。
分为下面6步骤：
从以上6步，我们可以总结渲染优化的要点：
以上就是浏览器端的内容。但H5作为跨平台技术的载体，是如何与不同平台的App进行交互的呢？这时候JSBridge就该出场了。
3.JSBridge原理
JSBridge，顾名思义，是JS和Native之间的桥梁，用来进行JS和Native之间的通信。
通信分为以下两个维度：
那么App内加载H5的过程是什么样的呢？
4.App打开H5过程
打开H5分为4个阶段：
这四步，对应的过程如上图所以，我们可以针对性的做性能优化。
5.优缺点分析
下面，我们进行H5的优缺点分析：
优点
缺点
虽然H5目前还存在不足，但随着PWA、WebAssembly等技术的进步，相信H5在未来能够得到越来也好的发展。
二.小程序
2018年是微信小程序飞速发展的一年，19年，各大厂商快速跟进，已经有了很大的影响力。下面，我们以微信小程序为例，分析小程序的技术架构。
小程序跟H5一样，也是基于Webview实现。但它包含View视图层、App Service逻辑层两部分，分别独立运行在各自的WebView线程中。
1.View
可以理解为h5的页面，提供UI渲染。由WAWebview.js来提供底层的功能,具体如下：
每个窗口都有一个独立的WebView进程，因此微信限制不能打开超过5个层级的页面来保障用户体验。
2. App Service
提供逻辑处理、数据请求、接口调用。由WAService.js来提供底层的功能,具体如下：
运行环境：
仅有一个WebView进程
3.View App Service通信
视图层和逻辑层通过系统层的JSBridage进行通信，逻辑层把数据变化通知到视图层，触发视图层页面更新，视图层将触发的事件通知到逻辑层进行业务处理。
4. 优缺点分析
优点
缺点
既然WebView性能不佳，那有没有更好的方案呢？下面我们看看React Native。
三.React Native
RN的理念是在不同平台上编写基于React的代码，实现Learn once, write anywhere。
Virtual DOM在内存中，可以通过不同的渲染引擎生成不同平台下的UI，JS和Native之间通过Bridge通信
1.React Native 工作原理
在 React 框架中，JSX 源码通过 React 框架最终渲染到了浏览器的真实 DOM 中，而在 React Native 框架中，JSX 源码通过 React Native 框架编译后，与Native原生的UI组件进行映射，用原生代替DOM元素来渲染，在UI渲染上非常接近Native App。
2.React Native 与Native平台通信
3.优缺点分析
优点
缺点
4.RN展望
虽然RN还存在不足，但RN新版本已经做了如下改进，并且RN团队也在积极准备大版本重构，能否成为开发者们所信赖的跨平台方案，让我们拭目以待。
既然React Native在渲染方面还摆脱不了原生，那有没有一种方案是直接操控GPU，自制引擎渲染呢，我们终于迎来了Flutter！
四.Flutter
Flutter是Google开发的一套全新的跨平台、开源UI框架，支持iOS、Android系统开发，并且是未来新操作系统Fuchsia的默认开发套件。渲染引擎依靠跨平台的Skia图形库来实现，依赖系统的只有图形绘制相关的接口，可以在最大程度上保证不同平台、不同设备的体验一致性，逻辑处理使用支持AOT的Dart语言，执行效率也比JavaScript高得多。
1.Flutter架构原理
2.Dart优势
很多人会好奇，为什么Flutter要用Dart，而不是用JavaScript开发，这里列下Dart的优势
3.优缺点分析
优点
缺点
哪方面的资料啊，给个关键词才好找啊
这里有相关的一些文献，大多都是论文文献，不知道有没有书，前面有点杂，后面大部分都是关于桥梁的
[2] Kim W,EIHussein M. Variation of fracture toughness of asphalt concrete under low strain .Construction and Building Materials, 1977, 11(4) :403-411 .
[3] Park S W,Kim Y R,Schapery R A. A viscoelastic conti-nuum damage model and its application to uniaxial behaviorof asphalt concrete .Mechanics of Material, 1996, 24(4) :241-255 .
[4] Tsiatas G,Palmquist S M. Fatigue evaluation of highway bridges .Probabilistic Engineering Mechanics, 1999, 14 :189-194 .
[5] Li Z X,Chan T H T,Ko J M. Fatigue damage model for bridge under traffic loading:application made to Tsing Ma Bridge .Theoretical and Applied Fracture Mechanics, 2001, 35(1) :81-91 .
[1] AASHTO. Guide Specification and Commentary for Vessel Collision Design of Highway Bridges[S] .Washington D.C: American Association of State Highway and Transportation Officials, 1991, .
[2] Vrouwenvelder A C W M. Design for ship impact according to Eurocode1,Part2.7[C] .Ship Collision Analysis. 1998, :123-131 .
[3] Kunz C U. Ship bridge collision in river traffic,analysis and design practice[C] .Ship Collision Analysis. 1998, :13-21 .
[4] Pedersen P T,Zhang S. The mechanics of ship impacts against bridge[C] .Proceeding of Int.Symposium Advances on Ship Collision Analysis. Copenhagen. 1998, .
[5] Menzies J B. Bridge Failures,Hazards and Societal Risk[C] .International Symposium on the Safety of Bridges. London. 1996, .
[6] Curbach M,Nitzsche W M,Proske D. The Safety of Bridges in Comparison to Other Risks[R] ..
[7] Mastaglio L. Bridge bashing .Civil Engineering, 1997, 67(4) :38-40 .
[8] Vrouwenvelder T. Stochastic Modeling of Extreme Action Events in Structural Engineering .Probabilistic Engineering Mechanics, 2000, 15(1) :109-117 .
[9] CIRIA. Ration alisation of Safety Factors and Serviceability Factors in Structural Codes CIRIA Report63 .London, 1977, .
[1] Khalifa M A. Parametric study of cable-stayed bridge response due to traffic-induced vibration .Computer and Structure, 1993, 47(2) :321 339 .
[2] Yener M, Chompooming K. Numerical method of lines for analysis of vehicle-bridge dynamic interaction .Computer and Structure, 1994, 53(3) :709 726 .
[3] Shan D S, Li Q. Numerical simulation of the bridgesvehicles coupled vibration and the software package .Journal of Southwest Jiaotong University, 1999, 34(6) :663 667 .
[4] Green M F, Cebon D. Dynamic interaction between heavy vehicle and highway bridges .Computer and Structure, 1997, 62(2) :253 264 .
[5] Fu C C, Hsu Y T. The development of an improved curvilinear thin-wall vlasov element .Computer and Structure, 1995, 54(1) :147 159 .
[6] Wang T L. Impact in a railway truss bridge .Computer and Structure, 1993, 49(6) :1045 1054 .
[7] Tanabe M, Yamada Y, Wakui H. Modal method for interaction of train and bridge .Computer and Structure, 1986, 27(1) :119 127 .
[8] Chompooming K, Yener M. The influence of roadway surface iIrregularities and vehicle deceleration on bridge dynamic using the method of lines .Journal of Sound and Vibration, 1995, 183(4) :567 589 .
[9] Chu K H, Grag V K, Wiriyachai A. Dynamic interaction of railway train and bridge .Vehicle System Dynamics, 1980, 9(4) :207 236 .
[1] G. N. Vanderplaats. Thirty Years of Modern Structural Optimization .Advances in Engineering Software, 1993, (16) :81-88 .
[2] Gang Li, Ren-Gen Zhou, Lian Duan, Wai-Fah Chen. Multiobjective and Multilevel Optimization for Steel Frame .Engineering Structure, 1999, (21) :519-529 .
[3] Cho, H. N. et al. Reliability-Based Optimization of Continuous Steel Box Girder Bridges .Journal of the Korean Society of Civil Engineers, 1999, 19 (1-3) :397-406 .
[4] Cohn, M. Z. ,and Dinovitzer A.S. Application of Structural optimization .Journal of Structural Engineering, 1994, 120 (2) :617-650 .
[5] Sahin, Mehmet A. The Specification and Comparison of Methodologies for the Automated Minimum Cost Design of Horizontally Curved Girder Bridge Structures .Univ. of Maryland, 1985 .
[6] Al-Gahtain, Ahmed. Optimum Design of Welded I-Beams Subjected to Highway Bridge Loads .Univ. of Iowa, 1986 .
[7] Memari, A. M, West, H, and Belegundu, A. Methodology for Automation of continuous Highway Bridge Design .Journal of Structural Engineering, 1991, Vol. 117 (No.9) .
[8] Al-Shaleh,Khaled Saad. Optimum Design of Straight Steel Box Girder Bridges .Georgia Institute of Technology, 1994 .
[1] Rahal K N,Collins M P. Analysis of sections subjected tocombined shear and torsion-a theoretical mode[l J] .ACI Struct.J, 1995, 92 (4) :459-469 .
[2] Vecchil F J, Collins M P. The Modified Compression-Field Theory for Reinforced Concrete Elements Subjected to Shear .ACI Structural Journal. 1986, (2) .
[3] Pandit G S,Mawal M B. Tests of concrete columns in torsion[J] .Journal of the Structural Division,ASCE, 1973, 99 (7) :1409-1421 .
[4] Abdeldjelil Belarbi , Thomas T C Hsu. Constitutive laws of concrete in tension and reinforcing bars stiffened by concrete .ACI Structural Journal. 1994, 91(4) :465-474 .
[5] Bishara A,Peir J C. Reinforced concrete rectangular columnsin torsion[J] .Journal of the Structural Division,ASCE, 1968, 94 (12) :2913-2933 .
[1] Fahmi H M,Bresler B,Polivka M. Prediction of Creep ofConcrete at Variable Temperatures[J] .ACI Journal Proceed-ings, 1973, 70 (10) :709-716 .
[2] Takács P F. Deformations in Concrete Cantilever Brihbfges:Observations and Theoretical Modelling[D] .Trondheim: Norwegian University of Science and Technology, 2002 .
[3] Li Xianping,Robertson I N. Long-term PerformancePredictions of the North Halawa Valley Viaduct[R] .Honolulu: University of Hawaii, 2003, :1-203 .
[4] Neville A M,Dilger W H,Brooks J J. Creep of Plain andStructural Concrete[M] .LondonNew York: ConstructionPress, 1983, :1-50 .
[5] VLADIM R KR STEK,et al. Box girder bridge deflections[J] .ACIConcrete International, 2006, 28 (1) :55-63 .
[6] Lam Jianping. Evaluation of Concrete Shrinkage and CreepPrediction Models[D] .San José: San JoséState University, 2002 .
[1] Jens H. Walther, Allan Larsen. Two dimensional discrete vortex method for application to bluff aerodynamics .Journal of Wind Engineering and Industrial Aerodynamics. 1997, 6768 :183-193 .
[2] Scanlan R. H, Tomko J J. Airfoil and Bridge Deck Flutter Derivatives .Journal of Engineering Mechanics Division, ASCE. 1971, 97(6) :1717-1737 .
[3] Scanlan R H, Lin W H. Effects of turbulence on bridge flutter derivatives .Journal of Engineering Mechanics - ASCE. 1978, 104(4) :715-733 .
[4] AgarTJ. AerodynamicFlutterAnalysisofSuspensionBridgesbyaModelTechnique .Engineering Structures. 1989, 11(2) .
[5] Ge Y J, Tanaka H. Aerodynamic flutter analysis of cable-supported bridges by multi -mode and full -mode approaches .Journal of Wind Engineering and Industrial Aerodynamics. 2000, 86 :123-153 .
[6] Larsen A, Walther J. H. Aeroelastic analysis of bridge girder sections based on discrete vortex simulations .Journal of Wind Engineering and Industrial Aerodynamics. 1997, 6768 :253-265 .
[7] Ge Y J. Probability-based assessment and full-mode flutter analysis of cable-supported bridges against aerodynamic forces .Ottawa: University of Ottawa, 1999, .
[8] Theodorsen T. General theory of aerodynamic instability and the mechanism of flutter .NACA report No.496[R]. Langley: U.S.National Advisory Committee for Aeronautics, 1935, .
[9] Jones N P,Scanlan R H. Issues in the multi-mode aerodynamic analysis of cable-stayed bridges .Proceedings of anInternortional Workshop on Technology for Hong Kong‘s Infrastructurne Development. Hong Kong: Commercial Press, 1991, :281-290 .
[10] Miyata T,Yamada H,Boonyapingo V,et al. Analytical investigation on the response of a very long suspension bridge under gusty wind .Proceedings of the9th ICWE. New Delhi: International Conference on Web Engineering, 1995, :1006-1017 .
[11] King J P C,Davenport A G,Larose G L. A study of wind effects for the storeb lt bridge tender design .BLWT-SS31-1991. Denmark: BLWTL Research Report, 1991, .
[12] Matsumoto M. On flutter of bluff-bodies .Proceedings of the80th Birthday Symposium in Honor of Prof.R.H.Scanlan. Baltimore: John Hopkins University, 1994, :285-294 .
[13] Walther J H. Discrete vortex method for two-dimensional flow past bodies of arbitrary shape undergoing prescribed rotary and translational motion[D] .Lyngby: Department of Fluid Mechanics,Technical University of Denmark, 1994 .
[14] Singh L,Jones N P,Scanlan R H,et al. Simultaneous identification of3-D aeroelastic parameters .Proceedings of the9th ICWE. New Delhi: International Conference on Web Engineering, 1995, .
文/陈炉军
整理/LiveVideoStack
大家好，我是阿里巴巴闲鱼事业部的陈炉军，本次分享的主题是Flutter浪潮下的音视频研发探索，主要内容是针对闲鱼APP在当下流行的跨平台框架Flutter的大规模实践，介绍其在音视频领域碰到的一些困难以及解决方案。
分享内容主要分为四个方面，首先会对Flutter有一个简单介绍以及选择Flutter作为跨平台框架的原因，其次会介绍Flutter中与音视频关系非常大的外接纹理概念，以及对它做出的一些优化。之后会对闲鱼在音视频实践过程中碰到的一些Flutter问题提出了一些解决方案——TPM音视频框架。最后是闲鱼Flutter多媒体开源组件的介绍。
Flutter
Flutter是一个跨平台框架，以往的做法是将音频、视频和网络这些模块都下沉到C++层或者ARM层，在其上封装成一个音视频的SDK，供UI层的PC、iOS和Android调用。
而Flutter做为一个UI层的跨平台框架，顾名思义就是在UI层也实现了一个跨平台开发。可以预想的是未Flutter发展的好的话，会逐渐变为一个从底层到UI层的一个全链路的跨平台开发，技术人员分别负责SDK和UI层的开发。
在Flutter之前已经有很多跨平台UI解决方案，那为什么选择Flutter呢？
我们主要考虑性能和跨平台的能力。
以往的跨平台方案比如Weex，ReactNative，Cordova等等因为架构的原因无法满足性能要求，尤其是在音视频这种性能要求几乎苛刻的场景。
而诸如Xamarin等，虽然性能可以和原生App一致，但是大部分逻辑还是需要分平台实现。
我们可以看一下，为什么Flutter可以实现高性能：
原生的native组件渲染以IOS为例，苹果的UIKit通过调用平台自己的绘制框架QuaztCore来实现UI的绘制，图形绘制也是调用底层的API,比如OpenGL、Metal等。
而Flutter也是和原生API逻辑一致，也是通过调用底层的绘制框架层SKIA实现UI层。这样相当于Flutter他自己实现了一套UI框架，提供了一种性能超越原生API的跨平台可能性。
但是我们说一个框架最终性能怎样，其实取决于设计者和开发者。至于现在到底是一个什么状况：
在闲鱼的实践中，我们发现在正常的开发没有特意的去优化UI代码的情况下，在一些低端机上，Flutter界面的流畅性是比Native界面要好的。
虽然现在闲鱼某些场景下会有卡顿闪退等情况，但是这是一个新事物发展过程中的必然问题，我们相信未来性能肯定不会成为限制Flutter发展的瓶颈的。
在闲鱼实践Flutter的过程中，混合栈和音视频是其中比较难解决的两个问题，混合栈是指一个APP在Flutter过程中不可能一口气将所有业务全部重写为Flutter，所以这是一个逐步迭代的过程，这期间原生native界面与Flutter界面共存的状态就称之为混合栈。闲鱼在混合栈上也有一些比较好的输出，例如FlutterBoost。
外接纹理
在讲音视频之前需要简要介绍一下外接纹理的概念，我们将它称之为是Flutter和Frame之间的桥梁。
Flutter渲染一帧屏幕数据首先要做的是，GPU发出的VC信号在Flutter的UI线程，通过AOT编译的机器码结合当前Dart Runtime，生成Layer Tree UI树，Layer Tree上每一个叶子节点都代表了当前屏幕上所需要渲染的每一个元素，包含了这些元素渲染所需要的内容。将Layer Tree抛给GPU线程，在GPU线程内调用Skia去完成整个UI的渲染过程。Layer Tree中有PictureLayer和TextureLayer两个比较重要的节点。PictureLayer主要负责屏幕图片的渲染，Flutter内部实现了一套图片解码逻辑，在IO线程将图片读取或者从网络上拉取之后，通过解码能够在IO线程上加载出纹理，交给GPU线程将图片渲染到屏幕上。但是由于音视频场景下系统API太过繁多，业务场景过于复杂。Flutter没有一套逻辑去实现跨平台的音视频组件，所以说Flutter提出了一种让第三方开发者来实现音视频组件的方式，而这些音视频组件的视频渲染出口，就是TextureLayer。
在整个Layer Tree渲染的过程中，TextureLayer的数据纹理需要由外部第三方开发者来指定，可以把视频数据和播放器数据送到TextureLayer里，由Flutter将这些数据渲染出来。
TextureLayer渲染过程：首先判断Layer是否已经初始化，如果没有就创建一个Texture，然后将Texture Attach到一个SufaceTexture上。
这个SufaceTexture是音视频的native代码可以获取到的对象，通过这个对象创建的Suface，我们可以将视频数据、摄像头数据解码放到Suface中，然后Flutter端通过监听SufaceTexture的数据更新就可以顺利把刚才创建的数据更新到它的纹理中，然后再将纹理交给SKIA渲染到屏幕上。
然而我们如果需要用Flutter实现美颜，滤镜，人脸贴图等等功能，就需要将视频数据读取出来，更新到纹理中，再将GPU纹理经过美颜滤镜处理后生成一个处理后的纹理。按Flutter提供的现有能力，必须先将纹理中的数据从GPU读出到CPU中，生成Bitmap后再写入Surface中，这样在Flutter中才能顺利的更新到视频数据，这样做对系统性能的消耗很大。
通过对Flutter渲染过程分析，我们知道Flutter底层需要渲染的数据就是GPU纹理，而我们经过美颜滤镜处理完成以后的结果也是GPU纹理，如果可以将它直接交给Flutter渲染，那就可以避免GPU-CPU-GPU这样的无用循环。这样的方法是可行的，但是需要一个条件，就是OpenGL上下文共享。
OpenGL
在说上下文之前，得提到一个和上线文息息相关的概念：线程。
Flutter引擎启动后会启动四个线程：
第一个线程是UI线程，这是Flutter自己定义的UI线程，主要负责GPU发出的VSync信号时候用当前Dart编译的机器码和当前运行环境创建出Layer Tree。
还有就是IO线程和GPU线程。和大部分OpenGL处理解决方案中一样，Flutter也采取一个线程责资源加载，一部分负责资源渲染这种思路。
两个线程之间纹理共享有两种方式。一种是EGLImage(IOS是 CVOpenGLESTextureCache)。一种是OpenGL Share Context。Flutter通过Share Context来实现纹理共享，将IO线程的Context和GPU线程的Context进行Share，放到同一个Share Group下面，这样两个线程下资源是互相可见可以共享的。
Platform线程是主线程，Flutter中有一个很奇怪的设定，GPU线程和主线程共用一个Context。并且在主线程也有很多OpenGL 操作。
这样的设计会给音视频开发带来很多问题，后面会详细说。
音视频端美颜处理完成的OpenGL纹理能够让Flutter直接使用的条件就是Flutter的上下文需要和平台音视频相关的OpenGL上下文处在一个Share Group下面。
由于Flutter主线程的Context就是GPU的Context，所以在音视频端主线程中有一些OpenGL操作的话，很有可能使Flutter整个OpenGL被破坏掉。所以需要将所有的OpenGL操作都限制在子线程中。
通过上述这两个条件的处理，我们就可以在没有增加GPU消耗的前提下实现美颜和滤镜等等功能。
TPM
在经过demo验证之后，我们将这个方案应用到闲鱼音视频组件中，但改造过程中发现了一些问题。
上图是摄像头采集数据转换为纹理的一段代码，其中有两个操作：首先是切进程，将后面的OpenGL操作都切到cameraQueue中。然后是设置一次上下文。然后这种限制条件或者说是潜规则往往在开发过程中容易被忽略的。而这个条件一旦忽略后果就是出现一些莫名其妙的诡异问题极难排查。因此我们就希望能抽象出一套框架，由框架本身实现线程的切换、上下文和模块生命周期等的管理，开发者接入框架以后只需要安心实现自己的算法，而不需要关心这些潜规则还有其他一些重复的逻辑操作。
在引入Flutter之前闲鱼的音视频架构与大部分音视频逻辑一样采用分层架构：
1：底层是一些独立模块
2：SDK层是对底层模块的封装
3：最上层是UI层。
引入Flutter之后，通过分析各个模块的使用场景，我们可以得出一个假设或者说是抽象：音视频应用在终端上可以归纳为视频帧解码之后视频数据帧在各个模块之间流动的过程，基于这种假设去做Flutter音视频框架的抽象。
咸鱼Flutter多媒体开源组件
整个Flutter音视频框架抽象分为管线和数据的抽象、模块的抽象、线程统一管理和上下文同一管理四部分。
管线，其实就是视频帧流动的管道。数据，音视频中涉及到的数据包括纹理、Bit Map以及时间戳等。结合现有的应用场景我们定义了管线流通数据以Texture为主数据，同时可以选择性的添加Bit Map等作为辅助数据。这样的数据定义方式，避免重复的创建和销毁纹理带来的性能开销以及多线程访问纹理带来的一些问题。也满足一些特殊模块对特殊数据的需求。同时也设计了纹理池来管理管线中的纹理数据。
模块：如果把管线和数据比喻成血管和血液，那框架音视频的场景就可以比喻成器官，我们根据模块所在管线的位置抽象出采集、处理和输出三个基类。这三个基类里实现了刚才说的线程切换，上下文切换，格式转换等等共同逻辑，各个功能模块通过集成自这些基类，可以避免很多重复劳动。
线程：每一个模块初始化的时候，初始化函数就会去线程管理的模块去获取自己的线程，线程管理模块可以决定给初始化函数分配新的线程或者已经分配过其他模块的线程。
这样有三个好处：
一是可以根据需要去决定一个线程可以挂载多少模块，做到线程间的负载均衡。第二，多线程并发式能够保证模块内的OpenGL操作是在当前线程内而不会跑到主线程去，彻底避免Flutter的OpenGL 环境被破坏。第三，多线程并行可以充分利用CPU多核架构，提升处理速度。
从Flutter端修改Flutter引擎将Context取出后，根据Context创建上下文的统一管理模块，每一个模块在初始化的时候会获取它的线程，获取之后会调用上下文管理模块获取自己的上下文。这样可以保证每一个模块的上下文都是与Flutter的上下文进行Share的，每个模块之间资源都是共享可见的，Flutter和音视频native之间也是互相共享可见的。
基于上述框架如果要实现一个简单的场景，比如画面实时预览和滤镜处理功能，
1：需要选择功能模块，功能模块包括摄像头模块、滤镜处理模块和Flutter画面渲染模块，
2：需要配置模块参数，比如采集分辨率、滤镜参数和前后摄像头设置等，
3：在创建视频管线后使用已配置的参数创建模块
4：最后管线搭载模块，开启管线就可以实现这样简单的功能。
上图为整个功能实现的代码和结构图。
结合上述音视频框架，闲鱼实现了Flutter多媒体开源组件。
组要包含四个基本组件分别是：
1：视频图像拍摄组件
2：播放器组件
3：视频图像编辑组件
4：相册选择组件
现在这些组件正在走内部开源流程。预计9月份，相册和播放器会实现开源。
后续展望和规划
1：实现开头所说的从底层SDK到UI的全链路的跨端开发。目前底层框架层和模块层都是各个平台各自实现，反而是Flutter的UI端进行了跨平台的统一，所以后续会将底层也按照音视频常用做法把逻辑下沉到C++层，尽可能的实现全链路跨平台。
2：第二部分内容为开源共建，闲鱼开源的内容不仅包括拍摄、编辑组件，还包括了很多底层模块，希望有开发者在基于Flutter开发音视频应用时可以充分利用闲鱼开源出的音视频模块能力，搭建APP框架，开发者只要去负责实现特殊需求模块就可以，尽可能的减少重复劳动。
我把全篇功略贴出来你自己查一下
发行商/制造商：CAPCOM
游戏类型：ARPG
发售日期：发售中
机种：PS
游戏要点
在游戏中，ROCK当然会遇上有很多不同的事情，而其中可能有一些大家并未清楚的，尤其是初次玩这游戏系列的朋友，所以笔者特意为大家介绍一下进行时需要注意的地方。
战斗
战斗中，为了能准确地击中敌人，所以游戏准备了R2掣来进行LOCK ON敌人，当ROCK将敌人锁定时，横移的话就会绕著敌人而行，这样可以进行绕圈攻击。如果想在多个敌人中，攻击指定敌人就要按多几次R2掣令LOCK ON符号落该敌人身。
特殊武器
ROCK除了左手的Buster之外，游戏中还会有特殊武器作攻击之用，而他们都有不同效果。不过要拥有它们就必须将从迷宫和村庄中拾回来，或JUNK店购得的开发品交给ROLL开发。ROCK身上每次只可以携带一件，更换装备需要到ROLL进行。每件特殊武器最初开发时，威力会非常有限，而只要强化威力就会增加，但代价就是昂贵的费用。
补给
游戏进行的时候，玩者不时都会遇上强横的敌人，令到ROCK的体力和特殊武器Energy都会被减或消耗，而回复水晶只能回复小部份时，就需要利用在JUNK台购得的Energy容器进行回复，不过它们在使用后是不会自动补充，因此必需到JUNK店进行补给。
拿起
平时，△掣都是使用特殊武器的按钮。如果将特殊移除，△掣就会变成拿起物品的动作。拿起物品的主要用途是将物品作高台，而如果拿起的是敌人，可以在投出时令其产生大伤害。此外，还有一些EVENT需要利用这个动作通过。
OPENING
在SULPHUR?BOTTOM的休息室�，巴利路正在望著窗外风景，而米拿进入休息室想与巴利路倾谈今次旅程。当米拿看见他拿�他女儿两夫妇的合照时，便知道巴利路正为十年前女儿两夫妇在禁断之地罹难的事而感到闷闷不乐。在米拿说完后，便走出门外准备记者会的事宜，而巴利路亦在放下照片后走到会场。
在记者会开始后，米拿便开始讲解这次伟大的旅程。不过米拿却估不到三大盗贼团的头目都已记者的身份潜入会场内，听取米拿所说的伟大遗产消息，虽然之前他们已经洗手不干，但今次因为不同的原因而再次复出。
米拿在介绍巴利路博士给传媒认识之后，便向记者展示他们在三十年前所发现的遗产，而米拿背后的屏障亦随即打开，在各人面前出现了一个巨大的气流旋涡。
同一时间，在另一面的FLUTTER号，ROLL懒洋洋地躺在梳化上，而ROCK就拿著刚刚早餐从厨房走出来。当早餐放上茶几后，ROCK便走到电视机前转台看看，而ROCK亦发现转播的遗产记者会。不过ROLL却没有反应的起床，而且亦对早餐提不起兴趣。
米拿在发表今次旅程的目的之后，亦到了传媒发问的时候。开始不久，便有一只戴有古怪图案手饰的手举起，原来是一位金发的女记者，而就她问米拿“何谓伟大的遗产”，米拿便答“伟大的遗产就是对人类有益的东西，例如：新能源”。之后该女记者就表示自己叫玛智露达，令巴利路博士便立刻记起其名字与女儿相同，本想走近了解她是不是自己的女儿，不过突然有另一名女记者指出玛智露达是假装进场。玛智露达便告诉所有传媒知道“伟大的遗产可能是巨大的灾祸”。当她说出“卡先生”后，其背后的玻璃便随打破，玛智露达跳上了一只白色的飞船上。
当ROLL听到金发记者的名字时，便认为她可能是其母亲，不过又不太肯定，所以ROCK提议ROLL一起去证实一下。
EVENT攻略1~序章
为了证实码智露是否ROLL的母亲而决定出发的ROCK在ROLL换工作服时暂代掌舵，不过DATA却在ROCK的面前舞来舞去，令ROCK不能看到前面环境，而感到害怕和无奈。当ROLL走进驾驶室，刚才危机才能消失。ROLL在叫DATA离开驾驶室后，她便握回拳舵，而且向ROCK说声多谢，多谢他一直以来的帮忙。ROCK突然嗅到烧焦味，而又听到DATA的叫声，ROCK二人看见DATA被困火海中。于是ROCK便装上灭火器走到第二层的走廊。
MISSION 1~灭火
今次ROCK的目的就是扑灭船舱内发生的火警，要使用特别武器来灭火。这个MISSION的路线会由第二层的走廊开始→客厅→厨房，而必须将每一个火种熄灭才可以走进另一
房间。这个MISSION的后果将会影响维修FLUTTER号的费用。
画面右方的Energy计代表连续射出灭火剂的数量，当按紧△掣射出灭火剂时，Energy计便会减少，而放开△掣时，Energy计才得以回复。
DATA在厨房会被火舌烧伤，所以救火之余，亦要扑灭DATA身上的火。
EVENT攻略2~降落船的材料
解决火警事件之后，镜头便回到SULPHUR．BOTTOM之内。米拿在经过之前的混乱事件后，便聘请了三大盗贼团之一的帮家进行保护工作，跟著米拿便命令将SULPHUR．BOTTOM移到旋涡之内。当依然在空中徘徊的玛智露达看到米拿仍想进入禁断之地时，便叫卡加攻击SULPHUR．BOTTOM。米拿在得到保护而安心时，警报器突然响起来，令心情再次变得紧张起来。玛智露达的攻击令到SULPHUR．BOTTOM的推进器失去了部份功能，而被迫降落到立即在禁断之地。ROCK他们知道这事后，便不能和SULPHUR．BOTTOM会合，只好暂时肂落在Karinca半岛的Yooshyonca村庄，收集制造用来降落禁断之地的特殊降落船材料。当ROCK他们到达Yooshyonca村庄时，便立刻走到村庄内的JUNK店找材料。
在JUNK店内，ROCK二人便看见一个装上一了只机械手臂的男子正在买零件。那男子离开时，ROLL发觉曾经好像见过你。当ROCK将降落船的设计图给老板看看时，老板便问ROCK二人是不是认识刚刚离开的袓，因为设计图与阿袓相的相同。不过这张设计图是由他父亲，亦只有她和父亲才会拥有，所以ROLL便冲出店外找寻袓的下落。
当ROCK走到停泊FLUTTER号附近的袓实验室。当中原来真的有ROLL想制造的降落船，而袓的女儿便告诉ROCK二人袓现在已入了Yooshyonca废坑，于是ROCK和ROLL便向废坑进发。
老板看看时，老板便问ROCK二人是不是认识刚刚离开的袓，因为设计图与阿袓的相同。不过这张设计图是由她父亲，亦只有她和父亲才会拥有，所以ROLL便冲出店外寻找袓的下落。
EVENT攻略3~袓到底是谁?
当ROCK和ROLL知道袓进入了Yooshyonca废坑后，便立即走出门外，通过与村庄入口相反方向的闸门。在雪地之上，ROCK二人便会遇上埋藏雪地下的敌人，而废坑的入口就在桥的正前方，只要通过铁路桥之后，向前走便可以找到。不过废坑入口附近会多一个入口，只可以到废坑入口后面的悬崖。
进入废坑后，ROLL便会带ROCK走到可以到达下层的升降台。不过ROCK就可以先到地图上方开启宝箱。ROCK载搭升降机A抵达地下2阶，而当中会有数只似神像的敌人，接近他们时会放出一个电罩包围自己，而较远曷侧会放出一个有追尾效果的慢速电球，玩者最好以在未进入攻击时开始攻击。在打BOSS之前最好取得废坑内所有道具，因为将BOSS打倒后，便会立即回到Yooshyonca村庄，不过打开宝箱后要小心有敌人从天而降。ROCK终于在地下3阶的BOSS房间前找到袓，不过他受了伤。袓在晕到前，拜托ROCK尽快将里面的家伙解决，因为他取回力量，就会走出废坑外四处破坏。
BOSS-刹以华
巨大机械力的刹以华以挥动长长手臂，或以拳头轰向地面来攻击。由于他每次攻击都会站在一个位置上发动，所以ROCK可以以跳跃轻易避开。攻击方面可利用绕圈的方式进行，而它的弱点就是臂部位置。
EVENT攻略4~闯进禁断之地
当ROCK将刹以华击倒而走出门外后，便见到ROLL已经在袓的身旁。由于看见袓的伤势不轻，所以ROCK二人决定马上将他带回村庄医治，不过在离开前袓拜托ROCK必须取得房中的水晶，之后他们回到村庄的公寓。
因为袓伤势需要一段时间治理，所以ROCK二人便先帮助巴利路那边。袓听到他们的说话后，便仍告诉ROLL他已失去了记亿，而设计图就是他被村民发现时已在其身上，因此他才会想制造降落船到禁断之地。此外，袓将自己的降落船借给他们，而只要将安装之前取得的水晶便会完成。ROLL听到诃个消息后，便立刻返回FLUTTER号准备。
ROCK回到FLUTTER号后，就正式出发到禁地断之地。当他们飞到禁断之地入口上空，ROLL将载了ROCK的降落船投下。ROCK抵达严寒的禁断之地后，便立即开始SULPHUR．BOTTOM的下落。
A:好像袋鼠跳跃的机械人，需要它们的埋身火球攻击，必须在它停在面前时以跳跃避开。
B:ROCK在这里发现有很多被封在冰块中的人类，而当中更有一名少女坐在降落船中。
C:遇上会变身的敌人，由于它们耐久力异常地高，最好以拉锯战来攻击，其实只要不攻击它们，便可轻松通过。
D:会出现三头象形机械人，只要以横跳跃它们突进攻击，便可以轻易解决它们。
E:象形机械人会在这段路上不断地冲出来，ROCK要利用象与象之间的距离走到路旁下陷的位置内。
BOSS-奥鲁夫
ROCK在C之前的空地会出现一只狠形的中BOSS,它以快速动作进行攻击。ROCK要趁它正面冲过来时离远开始攻击,而埋身以横移回避。
BOSS-玛姆
当ROCK接触山坡上的水晶时,玛姆便会在雪推中出现,而他们会以喷雪球、脚踏、冲击波来攻击。脚踏以拉开距离、冲击波以跳跃、喷雪球以绕圈或障碍物回避。ROCK以LOCK ON左右移动的战法解决它,不过到禁断之地之前最好装备能力提升。
EVENT攻略5~展开钥匙之旅
ROCK解决了玛姆后，之前禁断之地的大风雪在刹那间消失了。当ROCK望上天空时，才发现SULPHUR?BOTTOM号在空中正慢慢降落。ROCK看�浮在半空的立体菱形之际，那东西突然发出强光，而光之中出现一男一女的古代人。同时玛智露达和两个穿上黑衣的男女站在另一处看到刚才的事件，跟�便乘之前白色飞机离开，而ROCK和两个人古代人登上刚刚降落的SULPHUR?BOTTOM号。
古代人向米拿和巴利路讲解有关伟大的遗产的资料后，而得到米拿收留，不过当巴利路在走近门口时，发现刚才的资料已被人用偷听器盗取了。另外，古拿杜和巴哥舒家斯知道帮家刚才已经偷听了古代人和米拿的对话，而要胁合作。当ROCK在米拿的房间时，才知道伟大遗产的事。米拿委托ROCK替他拿取4条可以解开伟大遗产封印的钥匙，ROCK亦爽快地答应他们，而第一条钥匙就在MANDA岛的POKTE村附近。米拿为了不让盗贼团盗去钥匙，所以吩咐ROCK需要将取得钥匙放在SULPHUR?BOTTOM号保管。之后ROCK他们便出发到MANDA岛。
EVENT攻略6~POKTE迷宫
抵达MANDA岛之后，ROCK便发现FLUTTER号降落地的南方有一个迷宫，于是ROCK走进了POKTE迷宫看看。当ROCK抵达迷宫时，便发现有三个似神像的敌人在大听，而ROCK便一边回避它们的电球，一边攻击。ROCK在A房会遇上四只青蛙和蚯蚓机械人，最好先解决机械蚯蚓。在B房会遇上三只机械青蛙、二只自杀机械和二个喷火的盾牌机械人，先攻击自杀机械，但不要接近盾牌机械人。最后ROCK在地下2阶打倒BOSS—刹以华后，找到另一粒水晶。
EVENT攻略7~ROCK被多伦戏弄?
ROCK进入POKTE村时，原来多伦与哥布已经准备一套计划玩弄ROCK。多伦驾驶“维斯比”在刚刚进村的ROCK面前突然出现，而且在对话当中以变声器来变成ROLL的声音，令ROCK以为ROLL身处在维斯比内，以ROLL的身份说她已经加入了帮家，而且还吩咐多伦对付ROCK，使ROCK感到精神打击。
BOSS-维斯比?
维斯比会有从高空压下、直线弹、散弹、多方向扫射、不定向回转攻击五种攻击方法。玩者遇上多方向扫射时，要以中型跳跃来回避。减至一定体力而发动的不定向回转攻击，需要以横跳来避开。玩者可以利用增强了的BUSTER，或可以开发的特殊武器－导向飞弹来攻击维斯比。
EVENT攻略8~MANDA岛之遗迹
ROCK解决了维斯比便向位于村长家附近的MANDA岛之遗迹进发。当ROCK进入遗迹后，巴哥舒家斯兄弟便随即出现，而今次对付ROCK的盗贼就是懂得隐身术的波拿。
进入了MANDA岛之遗迹内的ROCK发现当中只有绿色的门可以打开，而唯有冒险一看。首先会遇上未曾见过的抓地机械人，而ROCK在坑内不断以左右步行避开它们。到达地下2阶时，ROCK在A的位置首次遇上了波拿。当ROCK走到尽头时，按下右面的蓝色钮便可解开红色门的锁。
进入红色门后，便要立即小心射出光球的敌人。ROCK走到B地区取得“青(蓝色CARD KEY)”后，波拿更会再次出现，而攻击会比之前利害。辛苦地击倒波拿后，ROCK拿著蓝色CARD KEY走到入口前的蓝色石碑前使用，就可以打开地下2阶的桥，令中间的驳桥升起。
今次ROCK需要再次由绿色门进入，不过当这个锁被打开后，亦令所有机关打开，之前所行的路在环境和敌人上会有出入。首先地下1阶会多了一条电捧左右移动，而地下2阶的A房间就会多了一些会不断撞向ROCK的机械人。D和E都会有像食人花机械。在它的口将开时，攻击它就可令其回复原状一段短时间，而攻击数次后，它便会长时间将开口打开只要不断攻击便可击倒，但不要操之过急。另外D、E的位置需要使用才可走到墙的另一面开启宝箱。
ROCK通过窄桥后，便来到在C地区，而当中会出现6只红色的机械青蛙和喷毒气的盾牌机械人，应该首先将所有红色的机械青蛙击倒，而攻击途中不可以接近盾牌机械人（毒）和被红色的青蛙击中（火），因为他们都会将异状态带给BOSS。
最后ROCK终于放置了封印之键的房间，而波拿又再次出现，不过他今次并不是打架的。当波拿走了之后，真正的遗迹BOSS便会出现。
BOSS-波拿
A:开始时他会派出四只机械青蛙作先头部队，而将所有机械青蛙击倒后，波拿就会出现。他主要会以每次三枚飞标作为攻击 ，虽然其攻击范围广，但玩者只要靠著墙身，以单方向步行，利用LOCK ON攻击，便可以轻易地击倒他。
B:由于房间摆放了五个齿轮状的攻击物，所以在攻击时需要注意身边的情况。开始时他会多了一招从高空压下来的攻击，而扰乱玩者的行走方向来撞向攻击物。当他被减至一定体力时，就会以攻击物进行多方向攻击，不过每一个攻击物只是移动45度角，而同时波拿亦不会受到攻击，因此玩者只要看到攻击物移至中间时，作少许步行就可避开。
BOSS-卡路卡路保美
卡路卡路保美会以高空压下、吹泡沫、伸利来进行攻击，而中间的绿色地会有一群像科斗般机械人，以撞击攻击ROCK。另外墙身侧会有移动中的齿轮状攻击物。由于卡路卡路保美只会在方石上移动攻击，可以随时跳跃和行至中间绿色地的优势避其攻击，不过其弱点只有镯开口期间。当ROCK没有体力的时候，就可以击落在半空飞行的机械人，来获得Life Energy Cube。
EVENT攻略9~阻止斯达巴进入NEENO岛
ROCK在取得“封印之键”后，便立刻起程返回SULPHUR．BOTTOM号交给巴利路，而米拿便立即告诉ROCK下一条封印之键就在NEENO岛，不过岛上的基路度村长发出他们正受到古拿杜盗贼团袭击。虽然地下遗迹是被封印在岛上的某角落，但ROCK的首要工作就是令岛上的防卫设施完全开启，不过潜入的盗贼会将防卫设施破坏。
FLUTTER号接近NEENO岛的时候，突然岛上机关炮的攻击。在降落后，基路度村长立刻上前为刚才的误会道歉，之后ROCK便走到1阶升降机旁的DIGOUT见村长，同时古拿杜的斯达巴驾驶了三架战机到NEENO岛，而ROCK现在就要跑到2阶的1号门迎击斯达巴。
解决了1号门的炮台MISSION后，便轮到2号门后的机关炮受到斯达巴袭击。当鸟形战机被修好的大炮击毁后，就会转移攻击3号门外，而ROCK亦赶往3号门外的停机坪迎击斯达巴。最后ROCK需要从3阶的楼梯爬上4阶，阻止斯达巴的进入NEENO岛，途中道拿希会向ROCK攻击。
回到村长房间后，村长问ROCK可否趁古拿杜回去Calvania要塞补给的时候，到Calvania攻击要塞，而ROCK亦爽快答应了。
MISSION 1
这是在NEENO岛的第一个任务。今次ROCK需要把所有降落了的斯达巴击倒，保护炮台的大闸直至坏了的炮台被修理完成为止。开始后，斯达巴会由大型空中吊臂运送过来，不单守住大闸，而且要避开斯达巴的火箭炮和空中吊臂钳脚攻击，两者都可以以跳跃避开。当修理完结后，ROCK就可以走到大闸两旁，开启大闸开关器，使大炮台移出来，将运送斯达巴的空中吊臂一一击毁。
MISSION 2
解决1号门的大炮后，跟著便轮到2号门的机关炮受到袭击。今次斯达巴会派出鸟形战机，一边投下炸弹，一边将斯达巴放下来把机关炮加以破坏。ROCK需要在射击鸟形战机之余，留意其投下的数个炸弹，小心被爆风所击中，而且不要让斯达巴接近机关炮，否则机关炮很快就会被其发射火箭炮破坏。当ROCK守护一段时间后，村民便会通知ROCK大炮已修完成，而将鸟形战机击坠。
MISSION 3
今次斯达巴派出强袭战机进行总攻击，载送大量斯达巴到停机坪。今次的目标就是在对付大量斯达巴之余，将敌方强袭战机-莫迪击毁。由于每次它们派出三、四斯达巴，所以武器需要增强弹数和攻击力，而且近距离攻击莫迪时它会以机关炮还击，最好武器亦增强射程，以远距离攻击它们，当然不能缺少特殊武器帮助。攻击莫迪的最好机会就在莫迪移动的时候，不过要小心莫迪移至橙色停泊位置时，不单斯达巴移动距离短了，而数目亦会增加。击毁莫迪后，炮台才会出现。
MISSION 4
斯达巴会从空中降落四边的工字铁上，而抱著炸弹慢慢行步至栏杆，将炸弹投出破坏大炮的出口。首先将四周的斯达巴击退，不让它们接近栏杆，途中会有战机替它们掩护，因此在攻击之余不要忘记避开战机的攻击。当经过一段时间后，斯达巴的首领便以主战机“道拿希”进行攻击。
BOSS-道拿希
它会以横扫的散弹和低飞撞击来作为对付ROCK的攻击。遇上横扫的散弹时利用横移拉远一点距离，而低飞撞击则需要以侧滚避开。当ROCK击倒道拿希后，炮台才会出现，将斯达巴击退。
EVENT攻略10~进攻Calvania要塞
ROCK答应村长的事后，便飞往东南方的CALVANIA岛。到达CALVANIA岛不久，ROCK在一间已被破坏的房子中遇上了两个样子非常相似的兄弟。由于他们的姊姊—亚修被古拿杜家捉走了，所以他们想ROCK从古拿杜家手中救回亚修，当然ROCK亦答应了他们的要求。
在草原上，两兄弟会带领ROCK前往CALVANIA岛要塞，不过途中会遇上不少敌人。当ROCK他们走到要塞对出的草原时，便遇上了古拿杜家的前线防御网。由于两兄弟不懂攻击，而在草原四处走动，所以每每成为敌人的攻击目标。为了不让他们死去，因此ROCK攻击敌人的时间必需要快。解决了草原上的敌人后，就要确保两兄弟仍然在生，否则需要重新再来。由于要塞的所有都被锁上，所以两兄弟以双手作跳台，令ROCK飞越墙身进入要塞之内。ROCK立刻在停机坪上受到敌方的攻击。ROCK在解决了所有战机后，便可以取得CARD KEY。
进入下一个区域后，ROCK就要对付从城墙上投下炸弹的斯达巴。ROCK在险被炸弹击中的环境下，终于将塔破坏，而当中的铁柜里可以找到。进入第三区后，遇上了由三辆坦克和斯达巴组成的部队。之后便会到
最难的第四区，而ROCK将强敌一一击倒，便利用木箱跳露台进入。当中由于只得三只斯达巴，所以很快地解决了他们，不过被斯达巴启动了要塞自爆系统。ROCK和亚修正想离开时，再次遇上斯达巴。在解决所有地面敌人后，ROCK二人亦随即离开。
MISSION 1
这个草原会有三个机关炮台、三砖大炮和一台坦克。ROCK首先向右面进行攻击，不单右面的地方比较大，而且是为了不让两兄弟死在敌人手上。ROCK需要以最快时间解决坦克，因为它是唯一懂得移动的机械，所以之后ROCK就可以向单一方向进攻。
MISSION 2
ROCK在今次MISSION的目的就是找出用来通往下个地区的CARD KEY。由于除了空中的战机外，基本上地面的都是阻碍ROCK走路的障碍物，所以应该先将它们解决，而之后就应该是骚扰ROCK攻击的墙身炮台，这样便可以简单的击毁余下战机，不过要小心它们投下的炸弹。
MISSION 3
由于斯达巴的数目会在被攻击后不断补充，所以最好将墙身上的大炮击毁，不过途中要小心斯达巴每次投下的十多个炸弹。因高度问题，令ROCK需要贴近塔来射击，而增加被炸弹击中的危险，这样就要提升BUSTER的射程或使用射程较远的特殊武器。在攻击一段时间后，城墙就会倒塌。
MISSION 4
首先不要攻击那三辆强劲坦克，而应该将所有斯达巴击倒，因为它们太阻碍LOCK ON。接�便把其中一边的墙身炮台清除，可以在与坦克分开两边时不会受到额外的攻击，而它们所射出的弹就以向横跳跃来避开。
MISSION 5
这个是要塞MISSION中最难的一个，因为当中会有三只威力强大的巨型机械人，而且要利用�面的地形来战斗。首先屋顶和由砖块砌成的战壕可以避开巨型机械人的回旋攻击，但不要站得太久，因为它们可以利用翼背的枪口扫射主角。所有敌人都被击倒后，ROCK需要将木箱叠起跳上其中一边的平台进入
MISSION 6
今次的目的就是逃出这个将要爆炸的要塞。由于MISSION 6是连接著MISSION 5来进行，所以要小心开始时被减少了的体力和特殊武器能源。基本上ROCK只需要将除道拿希外的敌人击倒，而途中可以完全不理会它的存在，最后把亚修拿起，走向大门便可以离开。
EVENT攻略11~基多迷宫
逃离Calvania要塞，而回到废墟后，两兄弟便上前多谢ROCK救了亚修回来，而亚修则以作为谢礼。跟著ROCK便打算在回到NEENO岛之前，先进入基多迷宫一看。
在基多迷宫里，会出现一些大象的敌人不断以快速步行在走廊走来走去。
在A的位置，ROCK会遇上史嘉利多，虽然进入房时不会攻击ROCK，但当击倒了房间中的另一个敌人时，她会以撞击对付ROCK，而ROCK又不能够击倒她，因此最好逃到另一个地方。
ROCK进入水晶房间前的B点时，便会立刻出现两只拥有一双蟹钳手臂的敌人，而小心它那快速的DASH攻击。ROCK便利用拉开了的距离,进行远距离攻击。在水晶房间时,ROCK就可以取得黄色水晶A。最后在取得地下2阶的三件ITEM,随即返回NEENO岛。
EVENT攻略12~NEENO岛
回到NEENO岛的ROCK立即又收到古拿杜亲自攻击NEENO的消息，而身旁的ROLL听到后，便跑去第3阶的特殊武器库。当ROCK赶至3阶时，才发现原来ROLL想利用那部已经放置一边的机械。将秘密兵器升上4阶时，立刻被古拿杜发现，而且打算用飞弹摧毁兵器。ROCK今次需要帮ROLL截击飞过来的飞弹，而直至兵器能源回复100%。由卞古拿杜会由远处同时发射多支飞弹，令ROCK有机会不能同时应付多支飞弹，所以ROCK事先尽量提升特殊武器（如:）的射程、攻击力、弹数或连射性。
秘密兵器的能源回复至100%时，古拿杜便决定光速炮攻击，同时ROLL亦修理好了秘密兵器，而且快过光速炮攻击。虽然看似和普通的音波差不多，但结果令飞船上的斯达巴失去了理智，而古拿杜亦牵连于斯达巴的失常里。
基路度迷宫
在NEENO岛里，除了NEENO岛遗迹外，其实还有一个名为“基路度”的迷宫，而入口就在2阶的Digout里面。在迷宫的A点会出现三只在击倒会跌出贵重水晶的敌人，不过玩者不要接近它们，否则它们就会化成白烟消失。另外当中的所有宝箱都会摆放在墙壁阻隔的B、C房间里，必须利用特殊武器来击毁。
EVENT攻略13 巴哥舒家斯之强攻
在击退古拿杜家后，ROCK便再次到地下2阶的Digout找村长。村长他们不单多谢ROCK，而且把和田玉送给ROCK作谢礼。ROCK经过了这么多的事情后，终于可以开始寻找第二条“封印之键”的冒险旅程，跟著ROCK便跑到1阶的中间，跳进NEENO岛之遗迹的入口。
ROCK进入遗迹后，向前走便可乘升降机到达地下2阶，而当中会出现一个很大的深坑，ROCK需要利用崖边的大石级走到的深坑底部。虽然ROCK看到深坑墙身有多个下陷位，但其高度使ROCK不能攀爬到那里，唯有进入深坑底部入口。不过里面亦出现了一道红色的墙身，由于同时不能越过，所以只好继续前进。之后利用尽头的升降机就可以找到一个令迷宫注水的开关器。回到地下2阶后，ROCK便会置身于水中，而他利用了在JUNK店买回来的开发可以在水中Roller Dash的。由于水的浮力令身体的重力减轻，所以只好利用高台附近的方形石台，就可以越过高高的墙身。另外，迷宫会出现不少可以破坏的墙壁，只要使用便可进入当中取得重要的道具和金钱，基本上不理会那些墙壁亦可完成迷宫。跨越红色墙壁后，以升降机进入地下3阶。在3阶中，会出现鱼形的敌人，而且有大有细。细的虽然可一炮了结，但却引来附近的细鱼攻击；大的则会不时向ROCK进行突进攻击或发射导弹。在A点出现了一个水流闸阻挡ROCK的前进，需要利用石台压下地上的开关器，才可解除机关。
到达地下4阶的大房间时，会出现一只巨型机械兽，但它不会攻击ROCK，而且ROCK可以利用它平坦的背部跳上房间中的大柱之上，在宝箱中取得“水之键2”。这样就可以在地下5阶中取得第二条封印之键。不过在取得封印之键时，巴哥舒家斯就在ROCK背后突然出现，而ROCK为阻止他夺去其手上的封印之键，所以作出反击。虽然之后将巴哥舒家斯击倒后，但他的夺取计划并未完结。当ROCK回到地下1阶，而正想离开遗迹时，巴哥舒家斯又再次出现。最后ROCK在巴哥舒家斯的强劲攻击之下，将其击倒，而波拿亦随即出现将巴哥舒家斯带走。
BOSS米度斯
在地下3阶的大房中，出现三头守护封印之键的米度斯。由于在水中作战，使两方的移动速度减慢，所以两方都会拉成均势。首先它们会以从头顶吐出的电球和突进攻击作攻击。由于追尾电球的移动速度和ROCK同样地慢，只要利用前后移动或反侧跳跃便可避开。突进攻击的速度不是太快，只要不被它们的位置和攻击扰乱，便可轻易避过。不过当只剩下一个米度斯时，它会使用高速电球和水母型水雷，而高速电球最难避开，之前最好不要逐个攻击。
BOSS巴哥舒家斯
1.巴哥舒家斯会站在房间的中央与ROCK决战。他会以机关炮和浮游麻痹球作攻击模式。由于
Although the Yuan Jia scenic area subordinates in the region in the Chinese first country forest park - - Zhangjiajie country forest park, but from the geographical position, is actually been situated by many things around a center the Zhangjiajie Wuling source scenic spot area the core, most beautiful canyon Jin Bianxi is close with the world, east meets Suoxiyu, south looks into the distance the kite sub-stronghold, gazes westwards the Huang Shih stronghold, north depends on Tianzishan, the total area the approximately 1200 hectares, average elevation 1074 meters
The first under heaven bridge takes Zhangjiajie one of ten big certainly scenery, stretches across between two mountains, grand magnificent. Bows the head under the bridge, but sees the white clouds to fly acorss, the high peak stands in great numbers; Takes a broad view looks out in all directions, the overlapping, the dense and numerous independent pinnacle jump into the view, lets you be eyes cannot take it all. The first under heaven bridge bridge floor width 2 meters, the depth 5 meters, the span is 25 meters, the vertical elevation difference 357 meters, are the vertical elevation difference biggest natural spontaneity stone plank bridges which in the world discovered until now. The locality has a Tuchia nationality ballad to describe first under heaven bridge's with overpowering momentum like this: A bridge height is also high, by the fog package, first day on the bridge is thrown daily the flower petal, 15 also in airborne flutter. In fact, the first under heaven bridge steps two mountains are originally link in together, lithical is only frailer because of the middle part, because makes decent, the avalanche function influence, also the process is exposed to the sun and rain, the stream erosion, the mountain torrent to wreak havoc, the year age year old, year old of old year after year, then forms has presented at present this unrivalled marvelous sight.
The fontanel mountain, is Zhangjiajie is written down most early the annals the famous mountains, the elevation 1518.6 meters, stands majestically in the Zhangjiajie urban district border, is apart from the urban district only 8 kilometers, as if Zhangjiajie's natural painted screen, becomes one of Zhangjiajie most representative natural landscape. , The fontanel mountain not only by its mysterious unique geological appearance, the elegant incomparable natural scenery is for long amazing, because its profound great cultural connotation, the colourful humanities win the mark to be known far and wide, is revered for the Zhangjiajie's soul, the spiritual soul of culture, has the western Hunan first god mountain fine reputation。
（The park entrance) the friends are good! Zhangjiajie forest park. This is the park front door. Everybody looked that one side this front door has the local Tujia national minority folk custom style small grey tile botanical garden type construction, at the same time matches by the sandstone pinnacle, the front door and the nature unifies ingeniously in together. on May 28, 1992, the United Nations Educational, Scientific and Cultural Organization sent to inspect approves the Wuling source declaration world natural heritage matters concerned two officials, after the car passed through the park front door to drive hundred rice, shouted again and again: “gate! Gate!”Also lets the driver come back but actually the vehicle, at the same time is full of praise appreciates the natural affective tone which the front door returns returns to original condition plain, at the same time presses camera's shutter repeatedly. Therefore, welcome everybody in this “gate of the nature” front, absorbs own glorious image. (Huang Shih stronghold road tablet) “on the Huang Shih stronghold, does not arrive at Zhangjiajie in vain”, obviously Huang Shih stronghold in Zhangjiajie scenery status. Hands down the Han Dynasty to keep Hou Zhangliang to be disillusioned with the mortal world, to resign from office does not do, follows the red pine nut, the concealment rivers and lakes, tours Zhangjiajie, is sieged by the officers and soldiers, the latter master worker Huang Shih male rescuing acquires fame the Huang Shih stronghold, is the Zhangjiajie beautiful scene most centralized place, is also Zhangjiajie biggest flies high looks at the scenery Taiwan. A renowned poet appraises the Huang Shih stronghold like this: “five steps express admiration, seven steps exclaim over, outside ten steps, dumbfounded.”Therefore, suggested that ascends the Huang Shih stronghold on foot, then rides the rope way to descend the mountain, or rides the rope way to climb mountains first, then descends the mountain from the outlying hill, otherwise, you might be truly “arrive at Zhangjiajie in vain”. The Huang Shih stronghold entire journey the approximately 5 hours, the walk climbs mountains the approximately 5 kilometers. what (cedar Lin Youjing) we walks now is cedar Lin Youjing. Ascended the Huang Shih stronghold since old times only then a Mt. Hou road, today we walk this road, is more than ten years ago opens cutting artificially.