Ignore:
Timestamp:
Jul 23, 2011, 10:56:17 AM (13 years ago)
Author:
Rick van der Zwet
Message:

New version of UI stuff.

Location:
py-tcpmultiplexer
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • py-tcpmultiplexer

    • Property svn:ignore set to
      py-tcpmultiplexer.log

  • py-tcpmultiplexer/htdocs/browser.html

    r333 r336  
    2626   $("#player").attr("alt","Video Feed: " + mjeg_uri);
    2727}
     28
     29$(document).ready(function(){
     30   if ( $.browser.msie ) {
     31     $("#messagebox").html('Live webcam does not support MSIE, please use alternative browser, <a href="http://www.browserchoice.eu">http://www.browserchoice.eu</a>');
     32   }
     33});
    2834</script>
    2935
    3036</head>
    3137<body>
    32 <h1>py-tcpmultiplexer webcam server</h1>
    33 
     38<div id="messagebox" style="background-color: red"></div>
    3439<div>
    35 <table>
    36 <tr><td>Select WebCam:</td><td>
    37 <input type="radio" name="cam" value="img/logo.png" checked="checked">None</input>
    38 <input type="radio" name="cam" value="/cam1/video">RepRap</input>
    39 <input type="radio" name="cam" value="/cam2/video">RoomA</input>
    40 <input type="radio" name="cam" value="/cam3/video">Kitchen</input>
    41 <input type="radio" name="cam" value="/cam4/video">OccTelex</input>
    42 <input type="radio" name="cam" value="/cam5/video">RickCam</input>
    43 <input type="radio" name="cam" value="/cam6/video">EdCam</input>
    44 <input type="radio" name="cam" value="/cam7/video">MobileCam</input>
    45 </td></tr>
    46 <tr><td>Select Audio:</td><td>
    47 <input type="radio" name="sound" value="none" checked="checked" >None</input>
    48 <input type="radio" name="sound" value="/cam1/audio">RepRap</input>
    49 <input type="radio" name="sound" value="/cam7/audio">MobileCam</input>
    50 </td></tr>
    51 </table>
     40<label for="cam">Webcam:</label>
     41<select name="cam">
     42  <option value="img/logo.png" checked="checked">None</option>
     43  <option value="/cam1/video">RepRap</option>
     44  <option value="/cam2/video">RoomA</option>
     45  <option value="/cam3/video">Kitchen</option>
     46  <option value="/cam4/video">RepRap</option>
     47  <option value="/cam5/video">RickCam</option>
     48  <option value="/cam6/video">EdCam</option>
     49  <option value="/cam7/video">MobileCam</option>
     50</select>
     51<label for="sound">Audio:</label>
     52<select name="sound">
     53  <option value="none" checked="checked" >None</option>
     54  <option value="/cam1/audio">RepRap</option>
     55  <option value="/cam7/audio">MobileCam</option>
     56</select>
    5257
    5358<script type="text/javascript">
    54   $("input[name='cam']").change(function () {
    55       changeVideo($("input[name='cam']:checked").val());
     59  $("select[name='cam']").change(function () {
     60      changeVideo($("select[name='cam']").val());
    5661  });
    57   $("input[name='sound']").change(function () {
    58       changeAudio($("input[name='sound']:checked").val());
     62  $("select[name='sound']").change(function () {
     63      changeAudio($("select[name='sound']").val());
    5964  });
    6065</script>
Note: See TracChangeset for help on using the changeset viewer.