起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 9772|回复: 33

[处理中3] WeX5音乐播放器

[复制链接]

2

主题

27

帖子

49

积分

新手上路

Rank: 1

积分
49
QQ
发表于 2017-7-20 17:30:45 | 显示全部楼层 |阅读模式
正在用WeX5做一款本地的音乐播放器,请问怎么把本地音频文件的名称显示到手机界面上,点击以后播放啊?JS库不太熟悉,大神们给个实现思路吧
发表于 2017-7-20 17:39:10 | 显示全部楼层
你是使用audio 标签实现音频播放吗?

多个音乐  播放列表 ,建议使用 list组件绑定data组件实现!
data组件中存储音频的URL 地址即可! 也存储名称

list中放置 audio   和 span 分别绑定URL地址和 名称的字段就可以显示了啊!

http://docs.wex5.com/wex5-app-question-list-2078
http://docs.wex5.com/wex5-ui-question-list-2036/

音频和图片类似的!bind-attr-src
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

2

主题

27

帖子

49

积分

新手上路

Rank: 1

积分
49
QQ
 楼主| 发表于 2017-7-21 10:41:00 | 显示全部楼层
liangyongfei 发表于 2017-7-20 17:39
你是使用audio 标签实现音频播放吗?

多个音乐  播放列表 ,建议使用 list组件绑定data组件实现!

多谢多谢,那么怎么实现“打开播放本地音频文件啊?”
回复 支持 反对

使用道具 举报

2

主题

27

帖子

49

积分

新手上路

Rank: 1

积分
49
QQ
 楼主| 发表于 2017-7-21 10:42:05 | 显示全部楼层
kdy12345 发表于 2017-7-21 10:41
多谢多谢,那么怎么实现“打开播放本地音频文件啊?”

就是用该播放器播放存储在手机内部的音频文件啊?
回复 支持 反对

使用道具 举报

发表于 2017-7-21 13:24:39 | 显示全部楼层
kdy12345 发表于 2017-7-21 10:42
就是用该播放器播放存储在手机内部的音频文件啊?

需要使用文件的corodva插件
http://docs.wex5.com/cordova-plugin-file/

遍历 扫描所有的音频文件! 获取文件的URL地址  和 名字等信息!
然后将数据加载到data组件中!

用于显示数据!

你需要做的第一步就是,找方法,使用corodva 遍历所有文件
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

2

主题

27

帖子

49

积分

新手上路

Rank: 1

积分
49
QQ
 楼主| 发表于 2017-7-21 14:46:36 | 显示全部楼层
liangyongfei 发表于 2017-7-21 13:24
需要使用文件的corodva插件
http://docs.wex5.com/cordova-plugin-file/

嗯嗯 多谢!请问怎么进行播放选中的文件啊?直接将audio的resource设置为该文件的路径吗?
回复 支持 反对

使用道具 举报

2

主题

27

帖子

49

积分

新手上路

Rank: 1

积分
49
QQ
 楼主| 发表于 2017-7-21 15:17:21 | 显示全部楼层
还有JS有没有方法可以打开手机的文件管理器,然后选择到音频文件,就得到该文件的路径啊?
回复 支持 反对

使用道具 举报

发表于 2017-7-21 15:59:43 | 显示全部楼层
kdy12345 发表于 2017-7-21 15:17
还有JS有没有方法可以打开手机的文件管理器,然后选择到音频文件,就得到该文件的路径啊? ...

选择文件
http://docs.wex5.com/wex5-app-question-list-2034/

获取文件的URL地址存储起来!最终在audio 标签的src 引入即可!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

2

主题

27

帖子

49

积分

新手上路

Rank: 1

积分
49
QQ
 楼主| 发表于 2017-7-24 14:33:28 | 显示全部楼层
liangyongfei 发表于 2017-7-21 15:59
选择文件
http://docs.wex5.com/wex5-app-question-list-2034/

这个好像是浏览器的啊,我想做本地APP的啊,大神怎么办啊?
回复 支持 反对

使用道具 举报

发表于 2017-7-24 14:54:23 | 显示全部楼层
kdy12345 发表于 2017-7-24 14:33
这个好像是浏览器的啊,我想做本地APP的啊,大神怎么办啊?

http://docs.wex5.com/open-file/

就是fileAPI
浏览器和 app中都可以的!内部封装了corodva插件
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-4-26 21:11 , Processed in 0.090514 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表