popcorn-editor, 本地使用的Webmaker编辑器 Popcorn的fork

分享于 

4分钟阅读

GitHub

  繁體 雙語
Fork of Webmaker's Popcorn Editor for local use
  • 源代码名称:popcorn-editor
  • 源代码网址:http://www.github.com/mozilla/popcorn-editor
  • popcorn-editor源代码文档
  • popcorn-editor源代码下载
  • Git URL:
    git://www.github.com/mozilla/popcorn-editor.git
    Git Clone代码到本地:
    git clone http://www.github.com/mozilla/popcorn-editor
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/mozilla/popcorn-editor
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    Build Status 由网络提供的视频编辑器

    这个网站是由服务器后台裁剪出来的,它可以嵌入到几乎所有需要的网站中,这是一个分支版本。

    为什么

    视频编辑器通常是大的,通常是非常昂贵的客户端应用程序,。 Popcorn 编辑器通过创建 popcorn.js 供电的网络视频来尝试将视频编辑器带到网络。

    安装

    Popcorn 编辑器可以通过 Bower 安装

    $ bower install popcorn-editor

    创建一个新的Popcorn 编辑器实例就像下面这样简单:

    - -

    <body>
     <divid="editor"></div>
    </body>

    - -

    <scriptsrc="PopcornEditor.js"></script>

    - -

    // Initialize the editor with the div id and path to Popcorn Editor.PopcornEditor.init('editor', '/path/to/PopcornEditor/editor.html');// Create event handlers for when specific events happen in Popcorn Editor.PopcornEditor.listen('save', function (message) {
     console.log('New save data: ', message);
    });
    API

    PopcornEditor.init( [editor id], [URI to Popcorn Editor root] )

    使用编辑器 id [string]: Popcorn 编辑器需要绑定到元素的NAME。

    Popcorn 编辑器 root [string] ( 可选)的URI: 由于 Popcorn 编辑器在 PopcornEditor.js 之外的许多HTML和CSS文件中加载,所以你可能需要指定 Popcorn 编辑器 root的URI。

    PopcornEditor.listen(event, handler )

    事件 [string]: 这是事件的NAME。 可能的字符串如下。

    收费 [function]: 在编辑器中触发事件时调用这里函数。 它需要一个参数,即数据。 数据的架构取决于事件:

    {
     author:'', // Author name background:'#FFFFFF', // Background color of project data: {}, // Popcorn data object description:''// Metadata description}

    PopcornEditor.loadInfo(data )

    将项目数据加载到编辑器中。

    数据 [object]: 项目数据与保存时输出的模式相同。

    PopcornEditor.createTemplate(video )

    如果给定符合模式定义 below的javascript对象,Popcorn 编辑器将把该视频加载到编辑器中。

    {
     "thumbnail":"",
     "url":"",
     "title":"",
     "duration":0,
     "type":""}

    如果你发现任何问题或者有任何问题,请随时创建 Bug,我最好尽快回复你。

    建筑

    构建项目目前相当简单。

    确保已经安装了最新版本 gulpnode v0.10.38

    生成仅运行

    
    $ npm install
    
    
    $ gulp
    
    
    
    
    CDN主机

    所有成功的Travis构建触发向S3的推到一个叫做的桶。 因此,这个存储库中的每个文件都可以通过S3访问 https://s3.amazonaws.com/org.mozilla.air.popcorneditor/

    另外,AWS CloudFront发行版缓存了这个 S3。 同样,这个存储库中的每个文件都可以通过CloudFont访问,前缀为 https://d2edlhmcxlovf.cloudfront.net/


    WEB  for  USE  EDI  LOC  POP  
    相关文章