Web/JavaScript25 [JS] 그래프 연동 Controller // 그래프 연동 @PostMapping("/graph.com") public String graph(@RequestParam("u_id") String u_id) { Map 2023. 8. 4. [JS] 웹에 웹캠 거울버전으로 2개 영상 송출 jsp js /** * */ document.addEventListener("DOMContentLoaded", () => { new App(); }) class App { constructor() { const video = document.querySelector("#videoElement"); if (navigator.mediaDevices.getUserMedia) { navigator.mediaDevices.getUserMedia({ video: true }) .then( (stream) => { // function 의 this와 화살표 함수의 this 가 다름 video.srcObject = stream; }) .catch(function (error) { console.log("Somethin.. 2023. 7. 19. [JS]웹캠 영상 송출 참고 블로그 https://gaibeelife.tistory.com/25 2023. 7. 19. [NodeJS] nodejs로 한 화면에 2개의 rtsp 영상 송신 기본 설정_설치 파일 js와 html 파일이 존재하는 경로로 이동하여 npm install -S rtsp-relay express 설치! jsp js const Stream = require('node-rtsp-stream'); const streamUrl1 = "${rtsp 주소}"; // rtsp 영상 주소가 없다면 아래 첨부해놓은 주소 쓰면됨 stream1 = new Stream({ name: 'foscam_stream', streamUrl: streamUrl1, wsPort: 9999, // 10000이나 10001 등으로 안겹칠만한 포트번호로 설정하면 된다. width: 720, height: 480 }); const streamUrl2 = "${rtsp 주소2}"; // rtsp 영상 주소가 .. 2023. 7. 18. [NodeJS]rtsp 주소(실시간 영상) 웹으로 불러오기 환경설정 FFmpeg 다운로드 https://www.gyan.dev/ffmpeg/builds/ Builds - CODEX FFMPEG @ gyan.dev FFmpeg is a widely-used cross-platform multimedia framework which can process almost all common and many uncommon media formats. It has over 1000 internal components to capture, decode, encode, modify, combine, stream media, and it can make use of dozens o www.gyan.dev 사이트를 조금 내려가보면 release 부분이 있는데 거기서 가장 위에 있는.. 2023. 7. 17. 카카오맵 API 기초 기초) 복사 후 VScode에 붙여넣기 DOCTYPE html> Document var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스 var options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(33.450701, 126.570667), //지도의 중심좌표. level: 3 //지도의 레벨(확대, 축소 정도) }; var map = new kakao.maps.Map(container, options); //지도 생성 및 객체 리턴 var => let으로 변경 DOCTYPE html> Document let container = document.getElementById('m.. 2023. 4. 25. 이전 1 2 3 4 5 다음
