cmpweb/views/VideoServer.ejs at master · vimlesh1975/cmpweb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<div id="VideoServer" class="collapse" data-parent="#myGroup">
    <h3>Video Server</h3>
    <div id="playlist" style="background-color: rgb(135, 190, 222);">

        <h3>Playlist</h3>
        <button type="button" onclick="playclip()" class="btn btn-success">Play Clip</button>
        <button type="button" onclick="startplaylist()" class="btn btn-success">Satrt Playlist</button>
        <button type="button" onclick="stopplaylist()" class="btn btn-danger">Stop Playlist</button>
        <button type="button" onclick="removeclip()" class="btn btn-danger">Remove CLip</button>

        <div style="overflow:scroll;height: 400px;">
            <table contenteditable border="1" bordercolor="red"
                id="tblplaylist">
                <tr>
                    <th>File Name</th><th>Start_Time</th><th>Play</th><th>Duration</th><th>Cnvrsn</th><th>File Type</th><th>Loop</th><th>Thumbnail</th><th>Transition</th><th>Frame</th><th>Follow Duration</th><th>Audio Level</th><th>Filter</th><th>Template File</th><th>Back In</th><th>AMCP Commends</th>
                </tr>
                <tr>
                    <td ondrop="drop(event)" ondragover="allowDrop(event)">go1080p25.mp4</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
                </tr>
                <tr>
                    <td ondrop="drop(event)" ondragover="allowDrop(event)">CG1080i50.mp4</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
                </tr>
                <tr>
                    <td ondrop="drop(event)" ondragover="allowDrop(event)">amb.mp4</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
                </tr>
                <tr>
                    <td ondrop="drop(event)" ondragover="allowDrop(event)">CG1080i50_A.mp4</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
                </tr>
                <tr>
                    <td ondrop="drop(event)" ondragover="allowDrop(event)">go1080p25.mp4</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
                </tr>
                <tr>
                    <td ondrop="drop(event)" ondragover="allowDrop(event)">CG1080i50.mp4</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
                </tr>
                <tr>
                    <td ondrop="drop(event)" ondragover="allowDrop(event)">amb.mp4</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
                </tr>
            </table>
        </div>
    </div>

    <div style="background-color: burlywood;">
        <h3>Clip Grid</h3>
        <button type="button" onclick="getcliplist('cls')" id="btngetcliplist" class="btn btn-info">Get clip
            list</button>

        <button type="button" onclick="playclipfromclipgrid()" class="btn btn-success">Play Clip</button>
        <br />
        <div style="overflow:scroll;height: 350px;">

            <table border=1  size="5" id="tblclipgrid">
                <tr>
                    <th>File Name</th>
                </tr>
            </table>
        </div>
    </div>


    <script>
        function allowDrop(ev) {
            ev.preventDefault();
        }

        function drag(ev) {
            //ev.dataTransfer.setData("text", ev.target.id);
            ev.dataTransfer.setData("text", ev.target.innerHTML);
        }

        function drop(ev) {
            ev.preventDefault();
            var data = ev.dataTransfer.getData("text");
            //ev.target.appendChild(document.getElementById(data));
            ev.target.innerHTML = data;
            //alert(ev.target);
        }
    </script>


</div>