Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Gh pages #2

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Gh pages #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
a960e41
pages 初始化
lqloveball Feb 20, 2017
12fe73f
案例目录
lqloveball Feb 20, 2017
7aef6f4
代码库
lqloveball Feb 20, 2017
e68143e
修改首页标题
lqloveball Feb 20, 2017
a2827cc
快速建站模板
lqloveball Feb 21, 2017
d508561
Merge branch 'master' into gh-pages
lqloveball Feb 23, 2017
48da6d9
bug 修复
lqloveball Feb 23, 2017
0eb7ae3
修复
lqloveball Feb 23, 2017
77cc90e
update
May 22, 2017
3631caf
update
lqloveball Sep 16, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
/example/videoPlay/ffmpegTools/
gulpfile.js
*.DS_Store
39 changes: 39 additions & 0 deletions doc/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta content="telephone=no" name="format-detection" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>标题</title>
<link rel="stylesheet" href="./css/main.css" />
<script>
var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)) {
document.write('<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">');
} else {
document.write('<meta name="viewport" content="width=640,target-densitydpi=device-dpi,maximum-scale=1.0, user-scalable=no">');
}
</script>
<style>

html,body {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
background-color: #fff;
}
</style>
</head>
<body>
<div id="screen">
<!-- cjs容器 -->
<div id="cjsBox"></div>
</div>
<script src="js/app/main.js"></script>
</body>
</html>
39 changes: 39 additions & 0 deletions example/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta content="telephone=no" name="format-detection" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>标题</title>
<link rel="stylesheet" href="./css/main.css" />
<script>
var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)) {
document.write('<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">');
} else {
document.write('<meta name="viewport" content="width=640,target-densitydpi=device-dpi,maximum-scale=1.0, user-scalable=no">');
}
</script>
<style>

html,body {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
background-color: #fff;
}
</style>
</head>
<body>
<div id="screen">
<!-- cjs容器 -->
<div id="cjsBox"></div>
</div>
<script src="js/app/main.js"></script>
</body>
</html>
Empty file added example/videoPlay/css/main.css
View file
Open in desktop
Empty file.
Binary file added example/videoPlay/images/test.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
105 changes: 105 additions & 0 deletions example/videoPlay/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,105 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta content="telephone=no" name="format-detection" />

<meta name="apple-mobile-web-app-capable" content="yes" />
<title>视频案例</title>
<link rel="stylesheet" href="./main.css" />
<script>
var ua = navigator.userAgent;
if (/Android (d+.d+)/.test(ua)) {
document.write('<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">');
} else {
document.write('<meta name="viewport" content="width=640,target-densitydpi=device-dpi,maximum-scale=1.0, user-scalable=no">');
}
</script>
<script src="../../src/libs/base/jquery-1.9.1.min.js"></script>
<!-- <script src="../../src/libs/base/zepto.min.js"></script> -->
<script src="../../src/Ds/EventDispatcher.js"></script>
<script src="../../src/Ds/Log.js"></script>
<script src="../../src/Ds/SiteMoblieTemplate.js"></script>
<!-- <script src="../../src/libs/seajs/sea.min.js"></script> -->
<script src="../../src/libs/media/iphone-inline-video.browser.js"></script>
<script src="../../src/libs/media/jsmpg.js"></script>
<script src="../../src/Ds/media/VidePlayerByMpeg.js"></script>
<script src="../../src/Ds/media/VidePlayerByVideoTag.js"></script>
<script src="../../src/Ds/media/VideoInteractivePlayer.js"></script>

<style>
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
html,
body {
padding: 0;
margin: 0;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
background-color: #fff;
}

#screen {
position: absolute;
left: 0px;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
opacity: 0;
pointer-events: none;
width: 5px;
}

#videoPanel canvas {
position: absolute;
left:0;top:0;
}
#debug{
position: absolute;
left: 0px;
top: 0;
width: 100%;
height: 100%;
}
</style>
</head>

<body>
<div id="screen">

<div id="videoPanel">
<video class="videoPlayer" style="position: absolute; width:100%;background-color:#fff;" x-webkit-airplay="false" webkit-playsinline="true" playsinline preload='auto'></video>
<!-- <video id="videoPlayer" playsinline="" webkit-playsinline="true" preload="auto" poster="" src="video.mp4" style="position: absolute;width:100%; left:0; top:0; z-index: 100;background-color:#f0f;"></video> -->
<!-- <video id="videoBack" playsinline="true" webkit-playsinline="true" preload="auto" width="640" height="1040" poster="" src="video4.mp4" style="position: absolute; left:0; top:0;background-color:#f0f;"></video> -->
</div>
<!-- <img src="test.png" style="position:absolute;top:0;left:0;" /> -->
<div id="debug">
dddd
</div>
</div>
<script>
document.addEventListener('touchmove', function(e) {
e.preventDefault();
}, false);
</script>

<script src="main.js"></script>
</body>

</html>
115 changes: 115 additions & 0 deletions example/videoPlay/index_old.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta content="telephone=no" name="format-detection" />

<meta name="apple-mobile-web-app-capable" content="yes" />
<title>视频案例</title>
<link rel="stylesheet" href="./css/main.css" />
<script>
var ua = navigator.userAgent;
if (/Android (d+.d+)/.test(ua)) {
document.write('<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">');
} else {
document.write('<meta name="viewport" content="width=640,target-densitydpi=device-dpi,maximum-scale=1.0, user-scalable=no">');
}
</script>
<script src="../../src/libs/base/jquery-1.9.1.min.js"></script>
<!-- <script src="../../src/libs/base/zepto.min.js"></script> -->
<script src="../../src/Ds/EventDispatcher.js"></script>
<script src="../../src/Ds/Log.js"></script>
<script src="../../src/Ds/SiteMoblieResizeModel.js"></script>
<!-- <script src="../../src/libs/seajs/sea.min.js"></script> -->
<script src="../../src/libs/media/iphone-inline-video.browser.js"></script>
<script src="../../src/libs/media/jsmpg.js"></script>
<script src="../../src/Ds/media/VidePlayerByMpeg.js"></script>
<script src="../../src/Ds/media/VidePlayerByVideoTag.js"></script>
<script src="../../src/Ds/media/VideoInteractivePlayer.js"></script>

<style>
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
html,
body {
padding: 0;
margin: 0;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
background-color: #fff;
}

#screen {
position: absolute;
left: 0px;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
opacity: 0;
pointer-events: none;
width: 5px;
}

#videoPanel canvas {
position: absolute;
left:0;top:0;
}
#debug{
position: absolute;
left: 0px;
top: 0;
width: 100%;
height: 100%;
}
#videoType{
position: absolute;
left: 0px;
top: 0;
width: 100%;
height: 100%;
color: #f0f;
text-align: right;
}
</style>
</head>

<body>
<div id="screen">

<div id="videoPanel">
<video class="videoPlayer" style="position: absolute; width:100%;background-color:#fff;" x-webkit-airplay="false" webkit-playsinline="true" playsinline preload='auto'></video>
<!-- <video id="videoPlayer" playsinline="" webkit-playsinline="true" preload="auto" poster="" src="video.mp4" style="position: absolute;width:100%; left:0; top:0; z-index: 100;background-color:#f0f;"></video> -->
<!-- <video id="videoBack" playsinline="true" webkit-playsinline="true" preload="auto" width="640" height="1040" poster="" src="video4.mp4" style="position: absolute; left:0; top:0;background-color:#f0f;"></video> -->
</div>
<!-- <img src="test.png" style="position:absolute;top:0;left:0;" /> -->
<div id="debug">
dddd
</div>
<div id="videoType"></div>
</div>
<script>
document.addEventListener('touchmove', function(e) {
e.preventDefault();
}, false);
</script>

<script src="js/main_old.js"></script>
</body>

</html>
Loading