成品app直播源码中的点击命令和进度条

抬起手指,轻击屏幕“点击识别命令”的操作是成品app直播源码中常见的操作指令之一,包括而不限于双击点亮,点击评论、关注、分享,点击头像进入主页等功能,那么,这些操作是如何实现的呢?

1、点击头像进入主页
点击主播头像调出主播个人主页以方便用户更好地了解主播:

void onAvatarClick(VideoPlayWrap wrap, VideoBean bean);

2、点击评论
用户可以通过点击APP中相应的评论区位置调动出评论区进行评论:

void onCommentClick(VideoPlayWrap wrap, VideoBean bean);

3、双击点亮
通过此代码书写的一段程序,用户能够通过双击手机屏幕对主播进行点赞操作:

 void onZanClick(VideoPlayWrap wrap, VideoBean bean);

4、点击关注
通过这段代码书写的程序,用户可以通过点击关注主播:

void onFollowClick(VideoPlayWrap wrap, VideoBean bean);

5、点击分享
这段代码用于实现“成品app直播源码点击此处即可分享”的作用,支持微信、朋友圈、QQ、QQ空间、Facebook、Twitter六种方式分享

void onShareClick(VideoPlayWrap wrap, VideoBean bean);

}

介绍完点击命令后,在聊聊云存储进度条的设计吧,上传文件时,显示进度条要比不显示更令人舒服一些,成品app直播源码可以利用jquery/ajax/php完成文件上传显示进度条的功能。
1、Html
第一步先创建个HTML文件,把对应标签放入form表单中,以下为部分代码:样式可根据需求自行调整;

<div >
<form >
	<input type="file" name="file" id="file">
	<button type="button" class="submit">上传</button>
</form>
<span class="processBar"></span>
<span class="processcount">未选择文件</span>
</div>

2、JS

1).引用jquery.js
2).ajax提交上传,把formdata提交到upload.php,部分代码如下:

function upload(){
		var file = document.getElementById('file').files[0];
		var form = new FormData();
		form.append('myfile',file);
		$.ajax({
			url: 'upload.php',
			async: true,
			type: 'post',
			data: form,
			processData: false,
 			contentType: false,
 			xhr:function(){                        
                myXhr = $.ajaxSettings.xhr();
                if(myXhr.upload){
                    myXhr.upload.addEventListener('progress',function(e){                            
                        var loaded = e.loaded;
                        var total = e.total;
                        var percent = Math.floor(100*loaded/total);
                        $(".processcount").text(percent+"%");       
                        $(".processBar").css("width",percent+"px");                                                                
                    }, false);
                }
                return myXhr;
            },
 			success: function(data){
 				alert('上传成功');
 			}
		})

3、upload.php处理上传,下面贴出部分代码

<?php  
if(isset($_FILES["myfile"])){  
    move_uploaded_file($_FILES["myfile"]["tmp_name"],"upload/".$_FILES["myfile"]["name"]);
    echo "upload/".$_FILES["myfile"]["name"];
}else{
    echo 'no file';
}
 ?>

这样,就能够完成进度条了。成品app直播源码中的点击命令和进度条设置就是这么简单,你学会了吗?

发布了119 篇原创文章 · 获赞 27 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/yun_bao_2144899870/article/details/105383909