后会有Qi投稿:Justinmind中插入视频/音频方法

前言:
1. 该文档直接在Acrobat下编辑完成,若有排版及其他问题导致阅读上的障碍,你…你来打我啊?? 2. 本文现阶段看是原创的,可以无署名自由转发,署名转发需经过作者(也就是我啦…)授权。
3. 本文讲述的是术,而非道,感兴趣的可以作了解,觉得没有必要的….觉得没必要别看了!

2.基本思路:
因jm系统元件不支持音频和视频,故本文采用的实现方法为“内嵌html ”。通过极少的html 代码来实现音频和视频的嵌入和播放。

2.1 拖动html到画布:

justinmind插入音频视频

html代码部分默认是这样的:

justinmind插入音频视频

细心的同学可以发现html元件展示的内容就是<body>标签中的内容,那实际上要添加视频和音频,只需要 将视频或音频文件的代码贴到<body>标签里即可。
下面分别说明怎么找视频和音频的代码。

  1. 添加视频

本文讲述的视频全部是在线视频。

打开所要添加视频的网址,以优酷为例,在视频下方,找到该段视频的代码,复制,粘贴。

justinmind插入音频视频

复制到jm中的html元件中的<body>标签内,调整html整体大小。

justinmind插入音频视频

此时一个视频文件就插入完成了~~预览效果可能限于浏览器问题不能播放,导出到html,用google浏览 器打开就OK了,具体效果暂时就不展示了…(就不展示能咋地?)

  1. 插入音频

插入音频比视频复杂了一丢丢,因为音频很少能找到在线的代码,而且还有一个音频播放器的问题。

所以,我是这么解决的:

(1)找mp3播放器代码 (2)添加本地mp3路径

代码如下:

justinmind插入音频

其中,source添加了一个叫1.mp3的文件,作为播放器音源。
在jm中, 调整html元件大小,用以展示播放器,播放器大概长这个样子:

justinmind插入音频视频

所以jm里hmtl元件大概就这么长:

justinmind插入音频视频

做到这里,还不算结束,因为你会发现导出的html中,播放器是空的,是找不到音源的。 这时候,你需要在导出的html文件夹中,找到下面这个目录:

\\\external\documents\

justinmind插入音频视频

把音频复制到documents文件夹。 此时,再打开index.html,就可以播放音频了,就像下面这样:

justinmind插入音频视频

因播放器找到了音源,所以加载出了时间,这个黑黑的播放器实际还是蛮酷的…

好的,教程到这里基本就结束了….基于类似的做法(内嵌html),jm可以实现网站上能实现的大部分效 果,目前本人仅试验了html4下的页面特性,html5的效果尚未尝试,有兴趣的同学可以玩一玩。

未解决问题: 1.添加本地视频(据说frame可以做) 2.在jm中获取播放时间 3.自定义播放器样式

最后,啰嗦之前说过的一句,本文说的是术,但道>>>术,不要为了画原型而忘记初衷!!

 

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录