AxureRP作为一款原型图软件,本身功能非常强大了,遗憾的是暂时还不能添加本地视频。于是我们只能够用其它的方式去引用视频。
在这里,笔者推荐2个平台:bilibili和优酷。
AxureRP引入优酷视频教学你可以将视频文件上传到B站上,然后由AxureRP软件引入。
具体操作步骤如下:
视频上传
(如果会上传,可以直接看axure操作部分)
1.首先,先将视频上传到Bilibili。登录bilibili后,点击右上角“投稿”按钮:
2.然后点击“上传视频”按钮,上传你的视频素材:
3.审核可能要稍等一会,等待审核通过后,可以在的“内容管理”,“稿件管理”,“已通过”中看到已过审的视频素材。
4.我们点击已过审的素材,进入到播放界面。在视频下方,找到分享按钮,然后单击“嵌入代码”图标(当前的bilibili版本是点击后,就直接复制了)。
5.不要心急,复制的代码并不能直接使用,需要经过截取部分,才能使用。我们将复制的代码,找个编辑器,或者粘贴在微信里,就可以看到代码内容了:
上面的代码中,我们只需要取其中一部分,只需要引号内的部分,如下图所示(从双斜杠的后面开始,到page=1):
复制上面蓝色部分的的代码,下一步,进入axure中操作。
Axure中操作部分
1.首先说明一下,由于AxureRP 8、9、10或其它版本,基本操作都是一样的,本案例以axure9版本演示。
首先,从默认元件库中,拖拽一个“内联框架”元件,到画布中。你可以根据需要显示的视频大小,自定义内联框架的宽高。
2.双击内联框架,双击后会出现一个操作弹窗,如下图所示。勾选“链接一个外部的URL或文件”,然后将刚才bilibili复制的代码,粘贴进来。
注意,很重要,需要保留https://
粘贴后,效果如下(请仔细检查,这里必须是https://开头的):
3.预览后,可以看到,已经能够正常显示了:
4.其它优化设置,其实到这里已经可以做完了,但为了追求完美的同学,还想知道怎么细节优化,比如这个视频怎么取消边框?
答案如下图所示,选中内联框架,然后“样式”,勾选“隐藏边框”,即可将视频的边框取消。
5.如何尽量减少顶部和底部的黑边?我们看下图,视频的顶部和底部,都有黑边:
其实很简单,相信有的小伙伴已经猜到了:拉宽内联框架就可以了,慢慢微调内联框架的长宽比,即可最大程度的减少黑边出现。
评论(1)