1.4_11 Axure RP 9 for mac 高保真原型图 - 案例10 【嵌入视频】内联框架

已于 2022-09-09 15:35:44 修改
阅读量365 收藏
点赞数
分类专栏： # 1.4 Axure RP 9 for mac 文章标签： axure
于 2022-09-05 10:37:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43529621/article/details/126699347
版权

相关链接

案例目标

 1. 了解 视频播放 功能的实现原理
 2. 掌握从视频网站中，找到视频播放地址的方法
 3. 掌握元件 内联框架 的使用

一、成品效果

Axure Cloud 案例10 -【嵌入视频】内联框架

版本介绍

 一、播放器
  1.1 载入时通过链接引入视频播放地址
  1.2 播放器具体功能取决于视频网站的实现

在这里插入图片描述

二、素材准备

  只需要使用Axure RP 9 默认元件，内联框架即可。

三、制作方法

获取播放器链接（截图以B站电脑版为例，大部分视频网站都支持此功能）。不知道为什么违规了，打个码。

在这里插入图片描述

复制链接，并在开头添加https:（不同视频的链接地址也不同）
https://player.bilibili.com/player.html?aid=302736065&bvid=BV19P411V7Kz&cid=821690665&page=1

在这里插入图片描述

使用元件 -> 内联框架，选择链接一个外部的URL或文件，使用以上视频地址

在这里插入图片描述

点击右上角预览即可

在这里插入图片描述

22/09/05

M

GroupiesM
关注
专栏目录
Axure9原型设计：动态面板&内联框架实现可复用导航页.docx
05-30
Axure9原型设计：动态面板&内联框架实现可复用导航页.docx
Axure经典案例高保真下载（智慧水务、智慧泵房、水厂监控、营收管理、DMA漏损、维护管理、档案管理、仓库管理、水质监控、数据中心、调度指挥中心）
rp原型聚集地
01-26 2872
使用Axure制作的rp原型智慧水务可以作为系统演示用，做了非常多的交互，而不是冷冰冰的图片，多点击些地方试试 内联框架显示视频要转成html和视频放一起才可以显示，这里只上传原型文件，因此直接用图片代替 包含的内容很多，用户名：root 密码：root 智慧水务、智慧泵房、水厂监控、营收管理、DMA漏损、维护管理、档案管理、仓库管理、水质监控、数据中心、调度指挥中心，40多个页面模块 系统功能页面展示： 完整Axure原型演示地址https://www.wuli...
Axure RP9 内联框架嵌入视频效果
m0_62866824的博客
01-25 5939
一、说明 （1）内联框架是一个非常实用的交互，他可以嵌入axure内部的原型页面链接，也可以嵌入地图、视频等，下面就让我来教大家用内联框架去实现观看视频的效果。 二、步骤 （1）先拉一个内联框架 （2）打开bilibili随便点击一个视频进行观看；（视频不固定） （3）点击打开视频，鼠标悬浮到分享图标那里，这时会展示出嵌入代码，点击复制。 （4）复制成功后回到axure双击内联框架后会弹出链接属性，点击右下角的fx进入编辑值页面； （5）把刚才复制的嵌入代码粘贴到插入变量函数输入框里； .
Android开发--Activity切换动画(从右侧进入，左侧退出)
YiLiuF的博客
11-19 2208
在res中创建anim文件夹： 添加四个文件： 文件名slide_in_from_left.xml 效果：子页面从左侧进入，用于上级页面进入当前页面的返回效果 <?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="-100%" android:toXDelta="0"
第三节 RP9原型中对表格和内联框架的使用
03-22 337
选择列头，如下蓝色可以表示选中（注意如果是红色锁定状态，将无法拉取，如果是锁定状态，右键可以取消锁定属性）列头为蓝色状态表示已经选中，可以直接拉支鼠标到任何列位置，注意内容不会随列头变化，需要要单独操作。1、发现表格内容与列头不能一并复制移动，这个还得同行研究，还是本人操作问题，有待大家验证。2、使用母版时，经常会是锁定状态，如果需要拉动调整，先解除锁定状态。
Axure RP9教程 内部框架
热门推荐
jun118166的博客
06-17 1万+
Axure RP9教程 内部框架一、说明二、效果演示三、操作步骤 一、说明 二、效果演示 三、操作步骤
Axure RP9 ——【内联框架】
两条线-twolines
10-28 2969
Axure RP9 ——【内联框架】 的使用方法
Axure天猫商城高保真原型模板-可编辑（web端）
07-06
仿天猫购物商城高保真原型 在线演示 仿天猫商城高保真原型，现版本V0.3测试版发布，持续更新中 • V0.3测试版发布 优化之前页面内容，新增列表页。 本原型含有多种交互功能展示，利于初学者学习。 基本还原天猫...
90套Axure原型模板源文件Rp高保真ui产品经理app web 网站案例模板(Axure9制作).zip
06-01
名称：90+套Axure原型图设计源文件 格式：RP格式（Axure软件） 产品经理全套文档模板 Axure8可以打开8、7版本制作 Axure9可以全部打开9、8、7版本制作 ——网站 阿里云网站.rp 车辆违章处理.rp 城市介绍网站.rp ...
Axure浏览器插件（chrome for mac ）Axure-RP-Extension-for-chromecj.com_v0.6.2。
11-01
Axure RP是一款强大的原型设计工具，它允许用户快速创建交互式和线框图，广泛用于UI/UX设计、产品原型构建以及产品经理的工作中。而`Axure-RP-Extension-for-chromecj.com_v0.6.2`是专门为Chrome浏览器开发的一个Mac...
AxureRP9项目原型50套、案例20个、元件库1套
02-08
Axure RP9是一款广泛应用于产品设计和原型制作的工具，尤其在IT行业中，它被大量用于快速构建交互式原型，帮助设计师将想法转化为可操作的界面。本资源包含50套Axure RP9项目原型，这是一批丰富的设计实例，涵盖了...
Axure RP Extension for Chrome0.7.0 下载 Axure-RP-v0.7.0
04-10
Axure RP Extension for Chrome0.7.0 下载 Axure-RP_v0.7.0
Axure RP9使用指南
m0_72791534的博客
11-22 1万+
axure 9 常有的交互组件，掌握提到的这几种基本够用
全新Axure RP 9.0产品原型交互设计
02-24
Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理
在Axure RP 9 中如何插入本地视频
H674199469的博客
09-08 1万+
1：准备阶段 在Axure RP 9中是无法直接插入本地视频的，它需要一个载体，把本地视频以网页脚本的形式插入，具体做法下面我一一详细说来。保证每一步大家都看得懂 ①本地电脑存在的已有的视频，例如我电脑存在一段视频“百度网盘 - 视频播放.mp4”。 ②新建一个网页html文件，(菜鸟可以直接使用记事本新建一个，然后命名为xxx.html)程序员请自便。然后写出一段打开我们步骤1中的视频的代码 如下： 注意：建议视频与html超文本放到相同路径下，这样src后面就可以不用写路径啦 简...
AxureRP8实战手册-案例10（内联框架：嵌入百度地图）
qq_24857309的博客
07-09 1144
案例10. 内联框架：嵌入百度地图 案例来源: 百度糯米-商品详情 案例效果： 页面打开时：（图1-59） 案例描述： 在页面中嵌入百度地图页面，地图可以使用<鼠标左>键按住拖动，也可以通过<鼠标滚轮>进行缩放。 元件准备： 页面中：（图1-60） 操作步骤： 1、鼠标双击框架打开链接属性设置界面；界面中选择【链接到url或文件】，{超链接}中填写“mymap.html”。（图1-61） 2、打开百度地图开放平台，网址：...
Axure9原型设计：动态面板&内联框架实现可复用导航页
ofay
09-10 389
上次分享的《Axure9原型设计：动态面板实现手风琴菜单》，只是实现了导航栏，但是页面不止导航栏，就像写代码一样，怎么尽可能复用，减少无谓的复制黏贴？那就必须配上内联框架。这次就用动态面板和内联框架实现可复用导航页，而且要尽可能简单。 步骤如下： 一、拖拉元件 摆出首页常见样式的一级菜单，简单起见，直接拖拉，不用放到别的容器里。为了后面交互方便，每个元件都有命名，包括“ⅴ”（命名是个好习惯，为了我们交互时可以清晰看到元件名称，且方便检查逻辑）。 拉出动态面板，命名：手风琴二级菜单，设置不可见
内联框架
欢迎光临1st灬伪装的博客
09-27 400
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>内联框架</title> </head> <body> <h1>我是demo03</h1> <!-- 使用内联框架可以引入一个外部的页面 使用iframe来创建一个内联框架 属性： src ：指向一个外部页.
【Axure高保真原型】标签切换动态面板页面
最新发布
mushe93的博客
09-24 272
今天和大家分享通过标签切换动态面板页面的原型模板，点击标签可以选择并且打开下方对应的人物详细页面。标签组是用中继器制作的，所以使用也很简单，只需要在中继器表格里填写标签名，就可以生成对应的标签；标签对应的内容，我们放在动态面板里对应状态里即可。具体效果可以观看下方视频或者打开预览地址体验
axure rp9高保真原型案例软件
05-19
以下是一些使用Axure RP9创建的高保真原型案例： 1. 移动应用原型：用Axure RP9创建的移动应用原型可以实现各种交互效果，包括滑动、下拉刷新、菜单弹出等，帮助用户更直观地了解应用的功能和界面设计。 2. 网站...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值