pmt_json.txt 브라우져에 출력

Program Lang./javascript 2016. 7. 22. 10:34

방송정보 PMT Section에서 정보를 추출하고 json 파일 포멧으로 뽑아내서 Apache WebServer 디렉토리에 복사하는 것 까지

수행하는 c++ native code는 "pmt json version" c++ 블로그 턉에 정리해 놓았다.

여기서는 순수하게 PMT json 파일을 브라우져에 출력하는 부분만 정리한다.

모든 내용은 PAT에 정리했던 부분과 동일하다.

내가 자바스크립트 수준이 초보자라 정말 어렵게 동작시키고 있는데 전문가들은 정말 우수은 코드라고 보면된다.

1. 소스 코드

XMLHttpRequest()함수로 PAT/PMT 보다 Json 파일을 요청해야 해서 앞장에서 PAT 처리부분을 수정하였다.

구글링으로 비슷한 코드 찾아서 쑤셔 넣었는데 다행히 잘 동작한다.

자바스크립트 공부가 아니고 c++ native 결과를 브라우져에 출력하는 것을 보기위함이라 완성도는 낮다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>jQuery treeview</title>

var requests = new Array();

for ( i in works )
	{
	    requests[i] = new request(works[i]);
	}

function request(work)
	{
	    var http_request = new XMLHttpRequest();
	    var url;

if(work == 'pat')
	    	url = "pat_json.txt";
	    else if(work == 'pmt')
	    	url = "pmt_json.txt";

http_request.open("GET", url, true);

http_request.onreadystatechange = function () {
		    if (http_request.readyState == 4 && http_request.status == 200) {
		        var arr = JSON.parse(http_request.responseText);

if(work == 'pat')
		        {
		        	parsingPatJson(arr);
		        }

if(work == 'pmt')
		        {
					parsingPmtJson(arr);
				}		        	
		    }
	    };
	    http_request.send(null);
	}

function parsingPatJson(arr) {
	    var pat = "";
	    var i;

for(i = 0; i < arr.length; i++)
		{
			pat += '<li><a href="#">'
			pat += "PAT version : " + arr[i].version + ", "
			pat += "section : " + arr[i].section_number + ", "
			pat += "program number : " + arr[i].program_number + ", "
			pat += "pmtPid : " + arr[i].pmtPid +  '<br>';
			pat += '</a></li>'
		}

document.getElementById("patList").innerHTML = pat;
	}

function parsingPmtJson(arr) {
	    var pmt = "";
	    var i;
	    var j;

for(i = 0; i < arr.length; i++)
		{
			var streamType = "";

pmt +=' <a href="#">';
			pmt += "PMT version : " + arr[i].version + ", ";
			pmt += "section : " + arr[i].section_number + ", ";
			pmt += "program number : " + arr[i].program_number + ", ";
			pmt += "pcr_pid : " + arr[i].pcr_pid + '<br>';

// add sub routine
			pmt += '<ul>';
			for(j = 0; j < arr[i].esInfo.length; j++)
			{
				streamType += '<li><a href="#">'
				streamType += "stream type : " + arr[i].esInfo[j].stream_type + ", "
				streamType += "es_pid : " + arr[i].esInfo[j].es_pid + '<br>';
				streamType += '</a></li>';
			}
			pmt += streamType;
			pmt += '</ul>';
			pmt += '</a>';
		}

list_add(pmt);
	}

function list_add(list)
	{
		$("#pmtTop").append(list);
	}	
</script>

</head>

<div id="sidetreecontrol"><a href="?#">fold</a> | <a href="?#">unfold</a></div>
	<ul id="tree">
		<li>
			<strong>pat</strong>
			<ul>
				<div id="patList"></div>
			</ul>
		</li>

2. 테스트 결과

PMT 트리구조 깨졌다. 아무리 용을 써도 잘되지 않아서 일단 이 정도 수준에서 마무리한다.

'Program Lang. > javascript' 카테고리의 다른 글

sdt version 브라우저에 출력 (0)	2016.07.22
pat_json.txt 파일을 이용한 pat 정보 webbrowser로 출력 (0)	2016.07.21

CHIPMAKER

pmt_json.txt 브라우져에 출력

'Program Lang. > javascript' 카테고리의 다른 글

티스토리툴바