动画作品制作好后,就要拿来使用,怎么发布到想要的位置也是动画制作者比较关心的问题。这一节,我们讲述怎样将制作好的动画内容发布到想要的地方。对制作好的内容,可能的使用场景主要有以下三种:直接导出;发布到Mugeda CDN;上传到你自己的或者第三方的服务器上。

直接导出到本地,并部署在其他地方。点击工具栏上的导出按钮,或者点击菜单栏的File\导出\动画,就可以把动画包的ZIP文件下载到本地,解压缩后就是动画包的文件夹。然后你可以部署到其他地方。

导出的动画包的内容如下图,

根据制作的动画内容的不同,动画包的内容也会有所不同。根据动画有没有使用脚本,主要有两种类型。

包类型1,适用于用户创建了脚本,或者带有动画控制(包括帧跳转,例如gotoAndPlay、gotoAndPause、next frame、previous frame)的动画内容。这种类型的包内容如下图,包括了资源文件(如图像)、动画数据、用户创建的脚本、HTML文件(用于浏览或者基于iframe的标签)、Loader用于基于脚本标签、Mugeda公共库文件。

包类型2,适用于用户没有创建脚本,或简单动画控制除了帧跳转(例如,暂停、播放)的普通Mugeda动画内容。这种类型的包内容如下图,包括了资源文件,CSS样式文件(多个文件中只有一个匹配浏览器类型的文件会被传输和使用),HTML文件,Loader文件(用于基于脚本标签),Mugeda公共库文件。

导出并部署Mugeda内容步骤:

•导出内容包

•上传整个包,并获得上传路径的URL,例如http://www.server.com/path/

•创建基于脚本或基于iframe的广告标签

基于脚本的广告标签如下,

基于iframe的广告标签如下,

<iframe

src="http://www.server.com/path/index.html?key1=value1&key2=value2&mugeda_click_link=%ELINK%" width="320" height="50" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">

</iframe>

发布到Mugeda CDN步骤:

•发布并部署一个创意到Mugeda CDN

•获取在Mugeda CDN上的URL,用来创建脚本或iframe广告标签

关于发布到Mugeda CDN的更多细节请联系Mugeda。

上传到第三方服务器步骤

•导出的Mugeda内容包可以被上传至所需的服务器,并使用URL创建广告标签

•可选:对于白标签客户,按照共同达成的协议Mugeda可以直接上传包到指定服务器。

关于上传到第三方服务器的更多细节请联系Mugeda。

总结,做好的mugeda作品可以有三种方式发布使用:直接导出并部署;发布到Mugeda CDN;上传到你自己的或者第三方的服务器上。对这三种方式,你可以根据自己的需要选择适合自己的方式。下一节,我们将要讲述Mugeda API。通过Mugega API你可以编写脚本代码控制动画作品,来实现一些复杂的动画。

[Mugeda HTML5技术教程之10]发布内容的更多相关文章

  1. [Mugeda HTML5技术教程之2] Mugeda HTML5富媒体平台简介

    [Mugeda HTML5技术教程之2] Mugeda HTML5动画平台简介 摘要:Mugeda提供基于云的平台,供开发人员和设计人员快速的开发.发布和统计基于HTML5的,包含丰富动画和交互的移动 ...

  2. [Mugeda HTML5技术教程之16]案例分析:制作跨屏互动游戏

    本节我们将要做一个跨屏互动应用的案例分析,该应用时给一家商场做活动使用的,是一个跨屏爱消除游戏.PC端页面显示在连接在PC的大屏幕上,参与活动的玩家可以用自己的手机扫描PC端页面上的二维码,连接成功后 ...

  3. [Mugeda HTML5技术教程之14]案例分析:制作网页游戏

    本文档要分析的案例是一个爱消除的网页小游戏,从中可以体会一些Mugeda API的用法和使用Mugeda动画制作网页游戏的方法. (一)游戏规则: 1.开始游戏时,手机出现在最上面一行的任意一格: 2 ...

  4. [Mugeda HTML5技术教程之1] HTML5: 生存还是毁灭

    [Mugeda HTML5技术教程] 开篇: HTML5 - 生存,还是毁灭 摘要:HTML5并不试图解决所有问题.但是在很多适合的场合,HTML5是不二选择. To be, or not to be ...

  5. [Mugeda HTML5技术教程之11]Mugeda API简介

    一.API 概述 Mugeda API 提供了一个简单的,结构化的方法来实时动态管理Mugeda内容.它提供了一下方法: •访问Mugeda内容中的对象. •获取和设置对象属性,如位置.旋转.比例.不 ...

  6. [Mugeda HTML5技术教程之3] Hello World: 第一个Mugeda动画

    今天我们开始我们的第一个Mugeda动画作品,并通过它来看看制作Mugeda动画的一些通用流程.在开始制作之前,请确保你已经拥有一个Mugeda网站的账号.如果还没有,你可以登录 www.mugeda ...

  7. [Mugeda HTML5技术教程之4] Studio 概述

    Mugeda Studio 是基于云平台的制作HTML5动画的专业可视化集成开发环境,可以让你在不需要安装客户端程序的情况下,只通过浏览器就能轻松创作高质量的HTML5动画.HTML5动画相对于传统的 ...

  8. [Mugeda HTML5技术教程之18]如何在Android应用中使用Mugeda动画内容

    1.简介 本文主要介绍如何在Android应用程序中使用Mugeda动画.Mgeda动画是标准HTML5格式的动画,在Android应用程序中可以使用WebView来加载Mugeda动画.动画内容本身 ...

  9. [Mugeda HTML5技术教程之17] 理解Mugeda访问统计结果

    1. 功能简介 Mugeda提供动画统计功能,使得动画制作者可以直观的了解动画的浏览情况,包括浏览量,参与度,以及观看者的分布情况. 目前统计功能主要展示动画内容和广告工程的统计数据.在动画被发布或导 ...

随机推荐

  1. 怎么用visual studio2010编写c++程序|用visual studio2010编写c++程序的步骤

    如何通过visual studio 2010编写一个简单的c++程序,随小编不一起看看如何编写. 首先打开visual studio 2010 点击软件左上角“文件-新建-项目”,选择“win32-w ...

  2. SQL WHILE 循环中的游标 用例,SQL中实现循环操作

    --声明两个应用变量 declare @USERID_ int declare @ORGANISEUNITID_ int --声明一个变量计数用,开发中可以忽略 declare @i int=0 -- ...

  3. MVC + LigerUI 做后台管理还真是清爽

    LigerUI是基于Jquery,轻量级UI框架.具体可以看官方演示 http://www.ligerui.com/ 我的简单后台 模拟Winodw桌面效果,挺不错呢.最喜欢的还是他的,下拉列表绑定G ...

  4. hosting company 的 mail , localhost send 不到

    不是每一家 hosting 的 mail 都运行你在本地连接发email的. 或许是因为安全的顾虑吧. 总之下次如果发现在本地发不出email,可以试试看 upload to server. 过往经验 ...

  5. Acdream a + b

    http://acdream.info/problem?pid=1007 两个 long long 相乘会超long long #include <cstdio> #include < ...

  6. XAMPP的Apache服务器无法正常启动解决方案

    XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建 XAMPP 软件站集成软件包.介绍什么的,参见百度百科http://baike.baidu.com/link?url=-UE ...

  7. Boost 和 STL 相比有哪些优势和劣势?

    1. 在设计原则上,STL和Boost大体统一因为STL和Boost基本上都是标准委员会那批人在策划.审核和维护,所以口味上是相对接近的.但是因为Boost并不在标准中,或者说是下一代标准的试验场,所 ...

  8. HDOJ(HDU) 1408 盐水的故事

    Problem Description 挂盐水的时候,如果滴起来有规律,先是滴一滴,停一下:然后滴二滴,停一下:再滴三滴,停一下-,现在有一个问题:这瓶盐水一共有VUL毫升,每一滴是D毫升,每一滴的速 ...

  9. HDOJ 1196 Lowest Bit(二进制相关的简单题)

    Problem Description Given an positive integer A (1 <= A <= 100), output the lowest bit of A. F ...

  10. HDU 2187 A sequence of numbers

    题目连接  http://acm.hdu.edu.cn/showproblem.php?pid=2817 题意: 给定三个数,判断是等差数列还是等比数列,然后输出第k项. 做法:直接判断即可 #inc ...