【Axure高保真原型】音频上传和播放

最新推荐文章于 2023-06-30 11:17:19 发布
最新推荐文章于 2023-06-30 11:17:19 发布
阅读量425 收藏
点赞数
文章标签： axure 交互 Axure 产品经理 原型
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mushe93/article/details/131212152
版权

今天和大家分享音频上传和播放的原型模板，可以真实选择本地文件，如果选择的是音频文件文件，就会在对应区域内显示音频播放器，我们可以控制播放器从而播放音频；如果选择的不是音频文件，就会弹出提示，提示用户上传音频格式的文件。具体效果可以查看下方视频或预览体验

【原型效果】

【Axure高保真原型】音频上传和播放

【原型预览及下载地址】

https://axhub.im/ax9/c37e5a44490491be/#g=1&p=音频上传

梓贤Vigo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
AXURE网易云音乐App高保真
06-22
网易云音乐播放器Axure源文件，下载后可以直接打开进行编辑使用。实现功能丰富，有交互功能。适合学习和工作中使用。
Axure微信高保真原型设计.zip
05-04
资源包含微信所有的图标、Axure源码。设计内容包含微信基本的交互功能，聊天，查看好友，刷朋友圈，个人信息查看等
Axure教程：能播放音乐的播放器（含视频教程）
mushe93的博客
12-31 3340
今天作者教大家用中继器以及网易云外联播放器，做一个真的能够播放音乐列表的音乐播放器原型，快点学起来吧！ 一、原型预览效果 原型预览地址：https://axhub.im/ax9/40a17c8ae07219e2/#g=1&id=hton1h&p=%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8 加入原型分享群，可免费分享该原型及视频教程，详情请咨询微信522073109 二、材料准备 图片×1，文本×5（歌名-歌手、介绍、分享、评.
java解析axure原型rp文件_AxureRP原型制作中在线文件的存储方案
weixin_35903340的博客
02-27 1028
大家制作原型时，有些时候需要使用在线的web字体文件或者多媒体文件(例如嵌入一段音频或视频)。如果是本地查看原型的话，我们可以调用本地的文件路径。但是，如果把原型在线发布(例如发布到AxureShare)，这个时候就需要把这些文件保存在网络上，并且能够得到文件的链接。那么。文件的在线存储以及链接的获取，可以通过下面的方法解决。1、【点此注册七牛云存储】，能够获取10G的存储空间与流量(需要完成实名...
AxureRP9的新特性介绍和技巧分享
七小嗨少的博客
11-27 1937
该功能优化的主要目的是减少添加交互时的操作步骤，但由于交互面板区域的空间非常狭窄，当同一组件的交互事件较多时，管理不方便，特别是对于适应旧操作模式的老用户。但还是忍不住想吐槽一句，AxureRP9的黑暗模式的界面风格给人一种粗糙的感觉，特别是功能图标和文本与界面背景颜色的对比太强烈，我希望在未来的版本中得到优化。需要注意的是，由于相关内容是根据我的使用过程整理出来的，可能会有遗漏，如果你有更多的问题AxureRP9的新功能使用经验，也欢迎与我分享。当编辑的内容较多时，往往会导致窗口打开过多，需要反复切换。
Axure教程—上传文件
最新发布
weixin_43516258的博客
06-30 2645
本文介绍用Axure制作文件上传效果
【Axure高保真原型】上传PDF
mushe93的博客
04-22 475
今天和大家分享上传PDF的原型模板~~~
移动端高保真动态交互元件库+移动端通用元件库+app通用元件库+rpllib元件库+rp源文件+Axure移动端常用组件+数据展示+操作反馈+数据录入+列表页+表单页+通用版布局+业务组件+反馈组件
rp原型聚集地
02-20 1814
作品介绍：【元件库】移动端高保真动态交互元件库移动端通用元件库+app通用元件库+rpllib元件库+rp源文件+Axure移动端常用组件+数据展示+操作反馈+数据录入+列表页+表单页+通用版布局+业务组件+反馈组件+展示组件 软件版本：Axure8.1兼容Axure9.0 产品类型：高保真元件库(移动端) 产品介绍：本作品包含移动端常用的Axure组件，axure文件包括rp源文件及rplib两种格式的文件。您可双开Axure粘贴复制使用，也可以将rplib载入到元件库中使用。 移动端常用...
H5视频/音频
weixin_30266829的博客
06-19 123
video 1.1 标签原型 指定一种视频格式，不能播就提示 <video id="media" src="123.mp4" width="500" poster="examp1.jpg" > 您的浏览器不支持video </video> 给定多种视频格式，浏览器根据自身支持程度选择播放哪一种 注意：多个source...
axure实现本地文件上传功能
不负韶话
06-10 4837
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数..
菜谱app Axure高保真原型设计
01-13
移动应用前端交互设计课程设计，需要的自取
Axure高保真原型登录注册.rp
03-24
Axure高保真原型登录注册.rp
Axure高保真原型模板+元件库+图标库icon+动效设计.zip
07-06
Axure入门案例系列 -- 简单音频播放动效.rp Axure入门案例系列 -- 上下滚动切换.rp Axure入门案例系列 -- APP首次引导页.rp 高保真原型手机壳.rplib 【B0001】微信小程序基础元件库.zip 【B0003】PC登陆模板框架（含...
Axure天猫商城高保真原型模板-可编辑（web端）
07-06
仿天猫购物商城高保真原型 在线演示 仿天猫商城高保真原型，现版本V0.3测试版发布，持续更新中 • V0.3测试版发布 优化之前页面内容，新增列表页。 本原型含有多种交互功能展示，利于初学者学习。 基本还原天猫...
html中怎样播放本地视频教程,【Axure9基础教程】内联框架如何引入本地音频 视频 HTML PDF等本地文件...
weixin_39845613的博客
06-09 1157
在【在讲解如何插入本地文件之前需要先讲两个概念，相对路径和绝对路径，了解了这两个概览后，才能顺利的插入本地文件并识别成功绝对路径和相对路径是什么?相对路径：相对路径就是相对于当前文件的路径，以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。绝对路径：以Web 站点根目录为参考基础的目录路径，之所以称为绝对，意指...
【Axure教程】上传图片
mushe93的博客
08-31 2145
上传图片可以说是每个系统必备的功能，包括上传头像、发送图片、上传商品图片……都需要用到上传图片的功能。 我们在画产品原型的时候，也常常需要画出上传图片的效果，但是Axure里面并没有上传图片的元件，导致我们不能画出高保真的上传图片的原型。 所以本期教程主要介绍如何通过代码制作上传本地图片的原型模板，让我们可以在Axure的演示界面做出上传本地图片的高保真效果。 【原型预览】 https://axhub.im/ax9/c37e5a44490491be/#g=1 【原型下载】 方式1：加入原型分享群
Axure高级教程--在原型中插入视频
12-15 1407
因为只做web端的产品，网页中难免会有插入视频，在网页上插入视频。极为简单，直接将视频放上优酷，使用优酷生成的html代码，嵌入网页就可以了。 但是axure本身不支持插入本地多媒体文件的功能。我在网上看到了一个极好的，简单的方法； 1，找好音频、视频的链接及文件 你可以使用本地文件，但是推荐你最好将其放上网络，一般放在优酷上面都是免费的。看下面图，找到对应的文件的链接。 复...
在线识图翻译_Axure原型：AI翻译平台
weixin_39781363的博客
11-23 961
作品页数：共25页应用领域：自动化翻译作品特色：高保真高交互原型，ai翻译平台模板，使用简单、复用性强，交互已经设置好了。使用版本：axure8、axure9均适用原型预览及下载地址：https://axhub.im/ax9/801e075dd7aba0b3/#g=1AI翻译平台简单来讲就是机器翻译，主要运用自然语言识别和生成加工技术，解决用户在阅读、交谈中的语言障碍。结合实际生活场景，AI翻译平...
【Axure高保真原型】视频上传和播放效果
mushe93的博客
03-29 218
今天和大家分享视频上传原型模板~~~
axure制作日历高保真原型
05-16
Axure是一款优秀的原型设计工具，可以用来制作各种高保真原型，包括日历高保真原型。下面详细介绍如何使用Axure制作日历高保真原型。 第一步，打开Axure，创建一个新的原型文件。 第二步，选择合适的画布大小，可以根据自己的需求选择。 第三步，开始绘制日历的界面，可以使用画布中提供的基本形状和部件，也可以自行导入图片和图标。根据所需，可以添加日历上方的标题和下方的按钮。 第四步，添加交互设计，即日历的各个部分如何响应用户的操作。比如，点击日期可以查看当天的详细信息，点击左右箭头可以翻页等。 第五步，设计日历的详细信息界面，可以在点击日期后弹出一个窗口，展示当天的具体信息。 第六步，设计动画效果，让日历的界面更加生动。比如，在翻页时添加渐变效果。 第七步，测试原型，检查日历的各个交互能否正常运作。 以上是制作日历高保真原型的基本步骤，需要注意的是，在制作过程中需要关注布局和交互设计的合理性，使原型更加符合用户的需求。最后，建议多进行测试和试用，提高日历高保真原型的可用性和稳定性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梓贤Vigo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值