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

已于 2022-09-09 15:35:44 修改
阅读量364 收藏
点赞数
分类专栏： # 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
关注
专栏目录
Axure RP9 内联框架嵌入视频效果
m0_62866824的博客
01-25 5924
一、说明 （1）内联框架是一个非常实用的交互，他可以嵌入axure内部的原型页面链接，也可以嵌入地图、视频等，下面就让我来教大家用内联框架去实现观看视频的效果。 二、步骤 （1）先拉一个内联框架 （2）打开bilibili随便点击一个视频进行观看；（视频不固定） （3）点击打开视频，鼠标悬浮到分享图标那里，这时会展示出嵌入代码，点击复制。 （4）复制成功后回到axure双击内联框架后会弹出链接属性，点击右下角的fx进入编辑值页面； （5）把刚才复制的嵌入代码粘贴到插入变量函数输入框里； .
Axure RP 9教程：如何构建内联交互
LiynTf的博客
06-19 6082
Axure RP 9是一套专门为网站或应用程序所设计的快速原型设计工具。通过对原型的用户测试，可以更深入地了解Workflow Solution的各个方面。 >>>Axure RP v9 免费下载 如何构建内联交互 首先，选择要添加交互的Widget。 然后，在 Interactions中，单击New Interaction即可开始。 虽然取消了Case Editor，但是...
Axure经典案例高保真下载（智慧水务、智慧泵房、水厂监控、营收管理、DMA漏损、维护管理、档案管理、仓库管理、水质监控、数据中心、调度指挥中心）
rp原型聚集地
01-26 2871
使用Axure制作的rp原型智慧水务可以作为系统演示用，做了非常多的交互，而不是冷冰冰的图片，多点击些地方试试 内联框架显示视频要转成html和视频放一起才可以显示，这里只上传原型文件，因此直接用图片代替 包含的内容很多，用户名：root 密码：root 智慧水务、智慧泵房、水厂监控、营收管理、DMA漏损、维护管理、档案管理、仓库管理、水质监控、数据中心、调度指挥中心，40多个页面模块 系统功能页面展示： 完整Axure原型演示地址https://www.wuli...
Axure RP9 ——【内联框架】
两条线-twolines
10-28 2961
Axure RP9 ——【内联框架】 的使用方法
Axure RP9教程 内部框架
热门推荐
jun118166的博客
06-17 1万+
Axure RP9教程 内部框架一、说明二、效果演示三、操作步骤 一、说明 二、效果演示 三、操作步骤
AxureRP8实战手册-案例10（内联框架：嵌入百度地图）
qq_24857309的博客
07-09 1139
案例10. 内联框架：嵌入百度地图 案例来源: 百度糯米-商品详情 案例效果： 页面打开时：（图1-59） 案例描述： 在页面中嵌入百度地图页面，地图可以使用<鼠标左>键按住拖动，也可以通过<鼠标滚轮>进行缩放。 元件准备： 页面中：（图1-60） 操作步骤： 1、鼠标双击框架打开链接属性设置界面；界面中选择【链接到url或文件】，{超链接}中填写“mymap.html”。（图1-61） 2、打开百度地图开放平台，网址：...
Axure9原型设计：动态面板&内联框架实现可复用导航页.docx
05-30
Axure9原型设计：动态面板&内联框架实现可复用导航页.docx
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天猫商城高保真原型模板-可编辑（web端）
07-06
仿天猫购物商城高保真原型 在线演示 仿天猫商城高保真原型，现版本V0.3测试版发布，持续更新中 • V0.3测试版发布 优化之前页面内容，新增列表页。 本原型含有多种交互功能展示，利于初学者学习。 基本还原天猫...
AxureRP-Pro-Setup.rar_AxureRP-P_AxureRP-Pro_AxureRP-Pro-Set_Axur
09-22
Axure RP Pro是一款广泛应用于原型设计的工具，尤其适合初学者使用。该软件以其直观易用的界面和强大的功能在IT行业中备受青睐。标题中的"AxureRP-Pro-Setup.rar"是一个压缩包文件，其中包含了安装Axure RP Pro所需...
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项目原型，这是一批丰富的设计实例，涵盖了...
第三节 RP9原型中对表格和内联框架的使用
03-22 333
选择列头，如下蓝色可以表示选中（注意如果是红色锁定状态，将无法拉取，如果是锁定状态，右键可以取消锁定属性）列头为蓝色状态表示已经选中，可以直接拉支鼠标到任何列位置，注意内容不会随列头变化，需要要单独操作。1、发现表格内容与列头不能一并复制移动，这个还得同行研究，还是本人操作问题，有待大家验证。2、使用母版时，经常会是锁定状态，如果需要拉动调整，先解除锁定状态。
Android开发--Activity切换动画(从右侧进入，左侧退出)
YiLiuF的博客
11-19 2205
在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"
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后面就可以不用写路径啦 简...
内联框架
欢迎光临1st灬伪装的博客
09-27 398
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>内联框架</title> </head> <body> <h1>我是demo03</h1> <!-- 使用内联框架可以引入一个外部的页面 使用iframe来创建一个内联框架 属性： src ：指向一个外部页.
供水营业收费系统（Axure高保真原型）
最新发布
laizonghai的博客
09-23 563
供水营业收费系统是一种专门为供水企业设计的计算机管理信息系统，它主要用于处理与供水业务相关的收费事务和管理活动。制作的rp高保真原型《供水营业收费系统》可用于行业参考、实际业务需求开发、学习交流使用，本原型需求可以作为开发使用，业务需求均为作者本人行业经验，平台主要功能包含：报装立户、用户管理、水表信息、抄表管理、收费管理、表务管理、报表统计、数据看板等核心业务。：处理用户的缴费事务，包括水费的收取、欠费管理、缴费记录的保存等。：记录和管理水表信息，包括水表的安装、维护、读数和更换等。
axure rp9高保真原型案例软件
05-19
以下是一些使用Axure RP9创建的高保真原型案例： 1. 移动应用原型：用Axure RP9创建的移动应用原型可以实现各种交互效果，包括滑动、下拉刷新、菜单弹出等，帮助用户更直观地了解应用的功能和界面设计。 2. 网站...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值