Computer Science

우선 전에 썼었던 MediaTimeline과 MediaClock 클래스를 사용하지않았다.

Timeline을 셋팅하고 그 상태서 Clock을 생성하고 그 Clock을 MediaElement와 연결했지만

연결을 하게되면 MediaElement로 제어가 되질않고  미디어엘리먼트의 클락의 컨트롤러로 제어를 해야됐다. 그리고  MediaElement에 position을 지정 해줄수 가 없었다. position을 임의로 지정하게 되면

미디어를 지정하는동안 클락을 변경할 수 없다 라는 오류가 난다.

이것을 해결하기위해서 여러 방법을 써봤는데 해결하지 못하였고

결국 MediaTImeline과 MediaClock을 사용하지 않는 방법을 사용하였다.

해결방법은

DispatcherTimer를 이용하였는데  우선 bool 변수를 하나 선언해서

매초마다 이벤트가 발생해서 미디어 -> 슬라이더바가  변경 될때와

슬라이더바가 움직여서 영상이 바뀔때가 겹치지않게 bool로 제어를 해주었다.


아래와같다~!

bool con = false;

//마우스를 떼면 false로 바뀌고 Tick이 다시 계속 실행된다.
private void timebar_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
      con = false;            
}        

//마우스를 클릭하면 true로 바뀌고
private void timebar_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
      con = true;
}

//클릭하면서 true로 바뀌었고  Tick이 발생안한다. 그 때 바를 움직여서 Position을 바꿔놓는다.
private void timebar_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
       if (con)
      {
       int SliderValue = (int)timebar.Value;

       TimeSpan ts = new TimeSpan(0, 0, 0, 0, SliderValue);

       mediaElement1.Position = ts;
       }
}

//초기값이 false이기 때문에 계속 실행된다.
void timer_Tick(object sender, EventArgs e)
{
    if (!con)
    {
        timebar.Value = mediaElement1.Position.TotalMilliseconds;   
              
        TimeSpan ts = new TimeSpan();
        ts = mediaElement1.Position;
                
        textBox1.Text = (string)ts.Seconds;
                
    }
}   

주요 클래스

- 미디어를 대화형으로 중지, 일시 중지 및 재생할 수 있으려면 MediaElement의 LoadedBehavior속성을 Manual로 설정해야 합니다

- MediaTimeline에는 연결된 Duration 및 BeginTime 속성이 있으며 이 속성을 사용하여 미디어의 시작 시간과 재생 시간을 지정할 수 있다.

클래스간의 연동

- MediaTimeline 개체에서 생성된 Clock개체를 생성해서 MediaClock으로 값을 대입해주고 MediaClock을 MediaElement와 연결 시켜준다.

예)

1. MediaClock  mc =  MediaTimeline.CreateClock();

2. mediaelement.Clock = mc;

당연히 위에 타임라인에서 클락을 생성할 때 타임라인에는 기본적인 정보들이 들어가 있어야 한다.

미디어플레이어만들기

1.     미디어가 정보들이 셋팅되어서 열릴 준비가 되었을 때

타임슬라이더바에 전체시간 적용

2.     미디어를 열 때

파일을 열고 클락과 엘리먼트를 연동시켜준 후 이벤트를 등록한다.

3.     미디어타임 이벤트 발생시

시간변경시 타임슬라이더바 값 변경

4.     타임슬라이더 위치 수동으로 변화시

마우스 끌어서 슬라이더바 특정시간으로 옮기기

사실 위와같이 하면 포지션의 위치가 바껴야되는게 맞지만 클락과 엘리먼트가 연동되있는 상태에서는 이것이 안되는걸 발견하였다.

이러한 오류가발생한다.

미디어 플레이어에 클럭이 지정되는 동안 이 작업을 수행할 수 없습니다

그래서 이것을 해결하기위해 미디어를 정지시켜놓고도 해보고  클락을 해제했다가도 해보고 여러가지 방법을 써봤지만 해결을 못하였다.

결론은 일단은 클락을 연동안시키고 해결하는 방법밖에 없다. 그러면 슬라이더바만을 특정시간으로 이동시킬수 있다.

방법이 있겠지만 아직 해결못하여서 해결되게되면 업데이트 하겠다.

5.     재생, 정지, 잠시멈춤, 다시재생

TIP – 위에서는 타임슬라이더 연동하는것만 나왔는데 볼륨슬라이더도 있다. 볼륨슬라이더는 아주 쉬운 방법으로 영상과 연동시켰다.

XAML 코드에 바인딩만 추가 하면 된다.

Value="{Binding ElementName=mediaElement1 , Path=Position, Mode=TwoWay}"

 
시간이 되면 못다한 기능들을 더 추가해야겠다!~! 

Page - 웹 응용 프로그램을 위한 프로그래밍 가능한 사용자 인터페이스


- 브라우저 또는 클라이언트 장치를 통해 사용자에게 정보를 표시하며 서버 측 코드를 사용하여 응용 프로그램 논리를 구현

- 스타일, 레이아웃 등의 기능에 해당 브라우저 호환 HTML을 자동으로 렌더링함.

- 웹 페이지의 구성요소는 시각적 구성 요소와 논리라는 두 부분으로 나뉨

서버에 게시할 때 유지되어야 하는 값을 저장하는 데 사용됩니다. 이 컨트롤은 <input type= "hidden"/> 요소로 렌더링됩니다.   (렌더링 - 사용자가 직접 눈으로 볼 수 있게 이미지화 하는거)

대개 뷰 상태, 세션 상태 및 쿠키가 Web Forms 페이지의 상태를 유지하는 데 사용됩니다. 그러나 이러한 방법을 사용하지 않도록 설정했거나 사용할 수 없는 경우에는 HiddenField 컨트롤을 사용하여 상태 값을 저장할 수 있습니다.

HiddenField 컨트롤의 값을 지정하려면 Value 속성을 사용합니다. ValueChanged 이벤트에 대한 이벤트 처리기를 만들어 서버에 대한 게시 사이에 HiddenField 컨트롤의 값이 변경될 때마다 호출되는 루틴을 제공할 수 있습니다.






ViewState

그 예로는 Application, Session, Cookie, ViewState 등등.. 이외에도 여러가지 방법들이 있습니다.

(김영욱님의 상태관리하기1, 상태관리하기2 를 참고하시기 바랍니다.)

이중에서 ViewState만 다루어보도록 하겠습니다. 이후 다른 상태유지에 대해서는 직접 알아보는 재미를 느껴보시기 바랍니다.^^

ViewState에 대해 언급하는 이유는 VisualStudio(이하 VS)에서 사용하는 서버 컨트롤 들은 기본적으로 상태유지를 위해 ViewState를 사용합니다.

사용자가 따로 설정하지 않아도 자체적으로 ViewState에 상태값을 저장해두었다가 불러 사용합니다. 이내용은 지난 시간의 페이지 실행주기의 내용에 언급되어 있으니 참고하시면 좋을 듯 합니다.

컨트롤 속성에는 ViewSate를 사용하지 않는 옵션(EnableViewState)도 있으니 참고하시기 바랍니다.

상태유지란 의미를 모르시는 분들을 위해 간단하게 설명해드리겠습니다.

웹페이지는 기본적으로 HTML형식의 문서입니다.

입력을 위한 input태그 빼고는 대부분의 태그들은 표현을 위한 태그들이 대다수 입니다.

Input 태그 또한 새로고침등의 자기 자신을 다시 호출하는 경우에는 input 태그의 text타입에 있던 내용들도 사라지게 됩니다.

예제 1 )

그러나 서버 컨트롤은 앞에서 언급한 바와 같이 ViewState를 이용한 상태유지를 합니다.

서버컨트롤을 이용해서 예제 1과 같은 예제를 만들어 보겠습니다.

예제 2 )

 어라? 서버 컨트롤을 사용해도 다른 변화는 없습니다.

이게 어떻게 된 일일까요? 분명 앞에서는 서버컨트롤은 자체적으로 ViewState를 이용해서 상태유지를 한다고 말했었는데 거짓말을 한 것 일까요?

상태유지를 하지 못한 이유는 이전 포스팅의 페이지 실행 주기를 참고하시기 바랍니다.

페이지 실행 주기를 보게 되면 ViewState 복구와 저장을 하는 시점이 있습니다.

즉 ViewState에 저장을 하기위해서는 실행주기를 거쳐야 한다는 말이 되겠죠?

그말은 서버에 갔다와야 한다. PostBack이 발생해야 한다는 말이 되겠습니다.

이번에는 예제 2 와 같지만 버튼을 한번눌러 PostBack을 일으켜 서버에 갔다온이후 새로고침을 해보겠습니다.

예제 3 )

그럼 html 컨트롤들은 Server 컨트롤들처럼 자체적으로 상태유지를 할 수 없는 것인가??

꼭 그렇진 않습니다. Html 컨트롤에 runat="server" 속성을 넣어주면 서버컨트롤처럼 사용할 수 있습니다.

지금까지는 컨트롤에서 ViewState를 사용하는 부분에 대해 이야기를 해보았습니다.

이번에는 사용자가 직접 ViewState를 사용하는 이야기를 해보도록 하죠^^

사용은 아주 간단합니다.

예제 4 )

예제 4와 같은 형태로 ViewState에 데이터를 설정 및 가져올 수 있습니다.

하지만 보시는 것처럼 Boxing, UnBoxing이 발생하는걸 볼 수 있습니다.

Boxing, UnBoxing이 발생한다는 말은 부하가 심해진다는 말이죠

즉 많이 사용하면 좋지 않다는 말입니다.

그리고 ViewState같은 경우 페이지에 input태그의 hidden 형태로 존재하기 때문에 서버와의 통신시 많은량의 데이터 전송이 발생하게 됩니다.

    protected void Button1_Click(object sender, EventArgs e)
    {
       
        if (ViewState["LOAD_TIME"] != null)
        {
            this.Label1.Text = "로드시간:"
                + Convert.ToDateTime(ViewState["LOAD_TIME"]).ToShortTimeString();
        }
    }

실행 후 리스트박스의 항목을 선택 후 새로 고침을 해도 그 상태 그대로 유지 된다! 그 이유는

VIEWSTATE 항목은 웹 페이지에 대한 현재 상태 정보를 저장하는 곳이다.  페이지를 다시 읽어오는 경우에도 정상적으로 리스트 컨트롤의 선택 정보를 표시 할 수 있도록 VIEWSTATE 항목에 저장했다가 보여 주는 것이다.

Cookie - 일반적으로 쿠키는 웹 응용 프로그램에서 연속성을 유지 관리하는 방법, 즉 상태 관리를 수행 하는 방법 중 하나이다. 사용자가 여러 사이트를 방문할 경우 각 사이트에서는 사용자의 브라우저에 쿠키를 보내고 브라우저에서는 모든 쿠키를 개별적으로 저장한다.


장점

단점

예제

protected void Page_Load(object sender, EventArgs e)
    {
        StringBuilder sb = new StringBuilder();

        HttpCookie cookie = Request.Cookies.Get("DateCookie"); //이러한 쿠키가 있나 확인 없으면 null
       
        //자동 로그인 = 쿠키
        if (cookie == null)
        {
            sb.Append("클라이언트에서 쿠키를받지않음");
            sb.Append("생성한 쿠키를 response에 추가");

            cookie = new HttpCookie("DateCookie");

            cookie.Value = DateTime.Now.ToString();

            cookie.Expires = DateTime.Now.AddMinutes(10);     //해당 파일이 언제까지 유효한지 설정
                                                                                                    //유효 시간이 지나면 파괴
           
            Response.Cookies.Add(cookie);
        }

        else
        {
            sb.Append("클라이언트에서 쿠키를 검색<br/>");
            sb.Append("Cookie Name: " +cookie.Name + "<br/>" );
            sb.Append("Cookie Value: " + cookie.Value + "<br/>");
            sb.Append("Cookie 만료날짜" + cookie.Expires.ToString() + "<br/>");
        }

        Label1.Text = sb.ToString();

    }


ViewState 출처 - http://dncblog.tistory.com/47   

XML 개론 - http://msdn.microsoft.com/ko-kr/library/hf9hbf87.aspx

XML 노드 형식 - http://msdn.microsoft.com/ko-kr/library/3k5w5zc3.aspx

XML 데이터에 개체 계층 구조 매핑 - http://msdn.microsoft.com/ko-kr/library/a3bszkbd.aspx

DOM에서 새 노드 만들기 - http://msdn.microsoft.com/ko-kr/library/k44daxya.aspx





간단한 예제

member.xml

<?xml version="1.0" encoding = "UTF-8"?>
<members>
 <id> sjy </id>
 <id> aaa </id>
</members>



ConvertMember.cs

static void Main(string[] args)
        {
            XmlDocument xdoc = new XmlDocument();
            xdoc.Load("member.xml");

            XmlElement xe = xdoc.DocumentElement;
            XmlNode xn;

            while ((xn = xe.SelectSingleNode("id")) != null)
            {
                if (xn.Name == "id")
                {
                    XmlElement xne = xdoc.CreateElement("아이디");
                    xne.InnerText = xn.InnerText;

                   
                    xe.RemoveChild(xn);
                    xe.AppendChild(xne);
                }

                Console.WriteLine(xe.InnerXml);   
            }
        }

연습: 구성 요소 디자이너에서 Windows 서비스 응용 프로그램 만들기

방법: Windows 서비스 응용 프로그램 디버깅

이 메서드에서 OutOfMemoryException을 throw하는 경우 내부 Stream의 reader 위치가 메서드에서 읽지 못한 문자 수만큼 올라가지만, 이미 읽은 내부 ReadLine 버퍼의 문자는 삭제됩니다. 스트림의 reader 위치는 변경할 수 없으므로 이미 읽은 문자는 복구할 수 없고 TextReader를 다시 초기화하는 경우에만 액세스할 수 있습니다. 스트림 내부의 처음 위치를 알 수 없거나 해당 스트림이 검색을 지원하지 않는 경우에도 내부 Stream을 다시 초기화해야 합니다.

스트림을 다시 초기화하지 않고 견고한 코드를 생성하려면 Read 메서드를 사용하여 읽은 문자를 미리 할당된 버퍼에 저장해야 합니다.