社区
HTML5
帖子详情
html5 中怎么加音乐播放器
IT菜鸟啊
2014-06-25 11:17:49
因为现在html5相当热们,我给别人做一个3D效果的网页结果添加不了音乐播放器。。不知道为什么。大神们。。求解释在html5 中怎么添加音乐播放器
...全文
299
5
打赏
收藏
html5 中怎么加音乐播放器
因为现在html5相当热们,我给别人做一个3D效果的网页结果添加不了音乐播放器。。不知道为什么。大神们。。求解释在html5 中怎么添加音乐播放器
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
书香卷气
2014-07-04
打赏
举报
回复
百度一下 很多的亲
H_Five
2014-07-01
打赏
举报
回复
/*用来标识请求照相功能的activity*/ private static final int CAMERA_WITH_DATA = 3023; /*用来标识请求gallery的activity*/ private static final int PHOTO_PICKED_WITH_DATA = 3021; /*拍照的照片存储位置*/ private static final File PHOTO_DIR = new File(Environment.getExternalStorageDirectory() + "/DCIM/Camera"); private File mCurrentPhotoFile;//照相机拍照得到的图片 private void doPickPhotoAction() { Context context = EditContact.this; // Wrap our context to inflate list items using correct theme final Context dialogContext = new ContextThemeWrapper(context, android.R.style.Theme_Light); String cancel="返回"; String[] choices; choices = new String[2]; choices[0] = getString(R.string.take_photo); //拍照 choices[1] = getString(R.string.pick_photo); //从相册中选择 final ListAdapter adapter = new ArrayAdapter<String>(dialogContext, android.R.layout.simple_list_item_1, choices); final AlertDialog.Builder builder = new AlertDialog.Builder( dialogContext); builder.setTitle(R.string.attachToContact); builder.setSingleChoiceItems(adapter, -1, new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); switch (which) { case 0:{ String status=Environment.getExternalStorageState(); if(status.equals(Environment.MEDIA_MOUNTED)){//判断是否有SD卡 doTakePhoto();// 用户点击了从照相机获取 } else{ showToast("没有SD卡"); } break; } case 1: doPickPhotoFromGallery();// 从相册中去获取 break; } } }); builder.setNegativeButton(cancel, new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); builder.create().show(); } } /** * 拍照获取图片 * */ protected void doTakePhoto() { try { // Launch camera to take photo for selected contact PHOTO_DIR.mkdirs();// 创建照片的存储目录 mCurrentPhotoFile = new File(PHOTO_DIR, getPhotoFileName());// 给新照的照片文件命名 final Intent intent = getTakePickIntent(mCurrentPhotoFile); startActivityForResult(intent, CAMERA_WITH_DATA); } catch (ActivityNotFoundException e) { Toast.makeText(this, R.string.photoPickerNotFoundText, Toast.LENGTH_LONG).show(); } } public static Intent getTakePickIntent(File f) { Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE, null); intent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(f)); return intent; } /** * 用当前时间给取得的图片命名 * */ private String getPhotoFileName() { Date date = new Date(System.currentTimeMillis()); SimpleDateFormat dateFormat = new SimpleDateFormat( "'IMG'_yyyy-MM-dd HH:mm:ss"); return dateFormat.format(date) + ".jpg"; } // 请求Gallery程序 protected void doPickPhotoFromGallery() { try { // Launch picker to choose photo for selected contact final Intent intent = getPhotoPickIntent(); startActivityForResult(intent, PHOTO_PICKED_WITH_DATA); } catch (ActivityNotFoundException e) { Toast.makeText(this, R.string.photoPickerNotFoundText1, Toast.LENGTH_LONG).show(); } } // 封装请求Gallery的intent public static Intent getPhotoPickIntent() { Intent intent = new Intent(Intent.ACTION_GET_CONTENT, null); intent.setType("image/*"); intent.putExtra("crop", "true"); intent.putExtra("aspectX", 1); intent.putExtra("aspectY", 1); intent.putExtra("outputX", 80); intent.putExtra("outputY", 80); intent.putExtra("return-data", true); return intent; } // 因为调用了Camera和Gally所以要判断他们各自的返回情况,他们启动时是这样的startActivityForResult protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (resultCode != RESULT_OK) return; switch (requestCode) { case PHOTO_PICKED_WITH_DATA: {// 调用Gallery返回的 final Bitmap photo = data.getParcelableExtra("data"); // 下面就是显示照片了 System.out.println(photo); //缓存用户选择的图片 img = getBitmapByte(photo); mEditor.setPhotoBitmap(photo); System.out.println("set new photo"); break; } case CAMERA_WITH_DATA: {// 照相机程序返回的,再次调用图片剪辑程序去修剪图片 doCropPhoto(mCurrentPhotoFile); break; } } } protected void doCropPhoto(File f) { try { // 启动gallery去剪辑这个照片 final Intent intent = getCropImageIntent(Uri.fromFile(f)); startActivityForResult(intent, PHOTO_PICKED_WITH_DATA); } catch (Exception e) { Toast.makeText(this, R.string.photoPickerNotFoundText, Toast.LENGTH_LONG).show(); } } /** * Constructs an intent for image cropping. 调用图片剪辑程序 */ public static Intent getCropImageIntent(Uri photoUri) { Intent intent = new Intent("com.android.camera.action.CROP"); intent.setDataAndType(photoUri, "image/*"); intent.putExtra("crop", "true"); intent.putExtra("aspectX", 1); intent.putExtra("aspectY", 1); intent.putExtra("outputX", 80); intent.putExtra("outputY", 80); intent.putExtra("return-data", true); return intent; }
业余草
2014-06-26
打赏
举报
回复
什么情况,都没有人恢复你的帖子,回复
业余草
2014-06-26
打赏
举报
回复
http://blog.csdn.net/xmtblog/article/details/32957663
业余草
2014-06-26
打赏
举报
回复
看看我的博客,希望对你能有帮助
基于jQuery的
HTML5
移动端
音乐播放器
源码.zip
基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码 基于jQuery的
HTML5
移动端
音乐播放器
源码
html5
手机
音乐播放器
_mp3
音乐播放器
代码
html5
手机
音乐播放器
_mp3
音乐播放器
代码
html5
手机
音乐播放器
_mp3
音乐播放器
代码
HTML5
+CSS3+jQuery实战/网易云音乐的分析与实现
本课程使用H5、CSS3、jQuery模仿网易云音乐实现页面静态布局、歌单列表的获取显示、歌曲播放、上一首下一首歌曲切换、播放/缓冲进度条的更新、歌词的获取与显示,歌曲播放歌词同步滚动、磁盘旋转等功能的实现。...
HTML5
音乐播放器
源码.7z
这是一款样式非常古典,但又是非常时尚的
HTML5
播放器,说它是古典播放器,是因为这种卡带式的
HTML5
播放器比较古老,说它时尚,是因为现在的
HTML5
播放器很少有这种样式的,非常有创意。如果你想给你的个人主要添
加
一款个性化的播放器,那么这款
HTML5
卡带式古典播放器可以选择一下,个人认为这是
HTML5
播放器的神话,非常经典。 安装步骤: 1:下载程序包。 2:把目录下的所有文件上传至空间目录下。
基于
html5
的网页
音乐播放器
基于
html5
的网页
音乐播放器
HTML5
39,084
社区成员
5,548
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章