<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="content">
可以选型以下技术
1.采集视频可以选取合适精度的硬件产品组建系统，包括汽车，摄影机，安装结构，计算机，采集编码器，供电电瓶。
2.播放系统可以分成服务器和客户端。
3.播放服务器主要进行播放的实时拼接，即混合映射相邻两摄像机视频的实时处理算法，可以使用C++语言，第三方开源图像库OpenCV
4.播放服务器响应客户端点播的视频，以及其中的播放角度需求
5.播放客户端，以浏览器实现，可以选择flash和H5相关技术，也可以选择桌面应用程序如C#
链接：http://www.phpec.org/
</div>
<hr>
<style type="text/css">
#format{}
#format span{display: inline-block;width: 50px;height:20px;text-align: center;}
</style>
<div id="format">
</div>
<script type="text/javascript">
var content = document.getElementById("content").innerText;
document.getElementById("format").innerHTML = shu(content,8,"right");
function shu(content,colNum,direction,style){
direction = direction || "left";
style = style || "";
var deal = content.match(/./ug);
var wordNum = deal.length;
var rowNum = parseInt(wordNum/colNum)+1;
var str = "";
for(var r = 0; r< rowNum;r++){
if(direction == "left"){
for(var c = 0; c< colNum;c++){
if(typeof deal[(c)*(rowNum)+r] != "undefined"){
str += "<span style='"+style+"'>"+deal[(c)*(rowNum)+r]+"</span>";
} else {
str += "<span style='"+style+"'> </span>";
}
}
} else {
for(var c = (colNum-1); c>=0;c--){
if(typeof deal[(c)*(rowNum)+r] != "undefined"){
str += "<span style='"+style+"'>"+deal[(c)*(rowNum)+r]+"</span>";
} else {
str += "<span style='"+style+"'> </span>";
}
}
}
str += "<br />";
}
return str;
}
</script>
</body>
</html>
留下你的看法：