Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > run code PHP การสแกน QR code ด้วยกล้องเว็บแคม (กล้องไม่ออก)



 

run code PHP การสแกน QR code ด้วยกล้องเว็บแคม (กล้องไม่ออก)

 



Topic : 136315



โพสกระทู้ ( 73 )
บทความ ( 0 )



สถานะออฟไลน์




ผม run code PHP การสแกน QR code ด้วยกล้องเว็บแคม ในโฮต แล้วไม่สามารถเชื่อมต่อกับกล้องได้ซึ่งก่อนหน้านี้ได้ทำการทดสอบบนโปรแกรม xampp สามารถรันได้ไม่มีปัญหาอะไร
หลังจากอัพขึ้น host แล้วไม่สามารถเชื่อมต่อกล้องได้ครับ ขอรบกวนด้วยครับว่ามันเกิดจากอะไรครับ



Code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>WebCodeCamJS</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<style type="text/css">
body,td,th {
/* [disabled]font-size: 24px; */
}
</style>
</head>
<body>
<div align="center" style="font-size: 32px;background:#A1E596">
<strong>แสดงข้อมูล ด้วย qr code สแกนด้วย webcam </strong>

</div>

<div class="container" id="QR-Code">

<div class="panel-body text-center">
<div class="col-md-6 col-lg-5">
<div class="well" style="position: relative;display: inline-block;">
<canvas width="320" height="240" id="webcodecam-canvas"></canvas>
<div class="scanner-laser laser-rightBottom" style="opacity: 0.5;"></div>
<div class="scanner-laser laser-rightTop" style="opacity: 0.5;"></div>
<div class="scanner-laser laser-leftBottom" style="opacity: 0.5;"></div>
<div class="scanner-laser laser-leftTop" style="opacity: 0.5;"></div>
</div>

<br>

<div class="panel panel-info">
<div class="panel-heading">

<div class="navbar-form navbar-left">
<h4>เมนูจัดการตัวแสกน QR Code</h4>
</div>
<div class="navbar-form navbar-right">
<select class="form-control" id="camera-select"></select>
<div class="form-group">
<input id="image-url" type="text" class="form-control" placeholder="Image url">
<button title="Decode Image" class="btn btn-default btn-sm" id="decode-img" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-upload"></span></button>
<button title="Image shoot" class="btn btn-info btn-sm disabled" id="grab-img" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-picture"></span></button>
<button title="Play" class="btn btn-success btn-sm" id="play" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-play"></span></button>
<button title="Pause" class="btn btn-warning btn-sm" id="pause" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-pause"></span></button>
<button title="Stop streams" class="btn btn-danger btn-sm" id="stop" type="button" data-toggle="tooltip"><span class="glyphicon glyphicon-stop"></span></button>
</div>
</div>
</div>

<br>




<div class="well" style="width: 100%;">
<label id="zoom-value" width="100">ซูม: 2</label>
<input id="zoom" onchange="Page.changeZoom();" type="range" min="10" max="30" value="20">
<label id="brightness-value" width="100">ความสว่าง: 0</label>
<input id="brightness" onchange="Page.changeBrightness();" type="range" min="0" max="128" value="0">
<label id="contrast-value" width="100">Contrast: 0</label>
<input id="contrast" onchange="Page.changeContrast();" type="range" min="0" max="64" value="0">
<label id="threshold-value" width="100">Threshold: 0</label>
<input id="threshold" onchange="Page.changeThreshold();" type="range" min="0" max="512" value="0">
<label id="sharpness-value" width="100">ความคมชัด: off</label>
<input id="sharpness" onchange="Page.changeSharpness();" type="checkbox">
<label id="grayscale-value" width="100">แนวตั้ง: off</label>
<input id="grayscale" onchange="Page.changeGrayscale();" type="checkbox">
<br>
<label id="flipVertical-value" width="100">rพลิก แนวตั้ง: off</label>
<input id="flipVertical" onchange="Page.changeVertical();" type="checkbox">
<label id="flipHorizontal-value" width="100">พลิก แนวนอน: off</label>
<input id="flipHorizontal" onchange="Page.changeHorizontal();" type="checkbox">
</div>
</div>

</div>
<div class="col-md-6 col-lg-7"><div class="col-md-6 col-lg-12">
<div class="thumbnail" id="result">
<div class="well" style="overflow: hidden;">
<img width="320" height="240" id="scanned-img" src="">
</div>
<div class="caption">
<h3>Scanned result</h3>
<p id="scanned-QR"></p>
</div>
</div>
</div></div>

</div>
<script type="text/javascript" src="js/filereader.js"></script>
<!-- Using jquery version: -->
<!--
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/qrcodelib.js"></script>
<script type="text/javascript" src="js/webcodecamjquery.js"></script>
<script type="text/javascript" src="js/mainjquery.js"></script>
-->
<script type="text/javascript" src="js/qrcodelib.js"></script>
<script type="text/javascript" src="js/webcodecamjs.js"></script>
<script type="text/javascript" src="js/main.js"></script>

</body>
</html>


รูป 1 รันบน Xampp
รูป 2 บนโฮต


pic2


pic1



Tag : PHP, HTML, JavaScript, jQuery








ประวัติการแก้ไข
2021-08-07 13:17:27
2021-08-07 13:22:57
2021-08-07 13:23:21
2021-08-07 13:25:11
2021-08-07 15:15:41
2021-08-07 15:15:43
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2021-08-07 13:13:39 By : steamlose View : 834 Reply : 3
 

 

No. 1



โพสกระทู้ ( 73 )
บทความ ( 0 )



สถานะออฟไลน์


ขอรบกวนด้วยครับ




ประวัติการแก้ไข
2021-08-07 13:16:56
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-07 13:16:08 By : steamlose
 


 

No. 2



โพสกระทู้ ( 296 )
บทความ ( 0 )



สถานะออฟไลน์


ดู console log มี error แจ่งว่าอะไร
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-07 15:22:26 By : TheGreatGod_of_Death
 

 

No. 3



โพสกระทู้ ( 73 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 2 เขียนโดย : TheGreatGod_of_Death เมื่อวันที่ 2021-08-07 15:22:26
รายละเอียดของการตอบ ::
ได้แล้วคับ ไปจัดการ server จาก http: เป็น https: ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-08-07 20:12:02 By : steamlose
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : run code PHP การสแกน QR code ด้วยกล้องเว็บแคม (กล้องไม่ออก)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่