Camera

<!-- [FREESTYLE] --> <p style="color: #e1e7f4;">Envision Our Mission in Embedded Vision</p> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Embedded Vision Solutions</title> <!-- Add jQuery for collapsible functionality --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- Add Google reCAPTCHA API for the form functionality and check--> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <style> /* Zoom effect */ .zoom-effect { transition: transform 0.3s ease-in-out; cursor: pointer; width: 100%; } .zoom-effect:hover { transform: scale(1.1); } /* Ensure modal is hidden initially */ .modal, .modal-overlay { display: none; /* Hide modals on page load */ position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent overlay */ align-items: center; justify-content: center; } /* Ensure images maintain aspect ratio */ .modal-content { display: block; max-width: 90vw; /* Limits the width to 90% of the viewport */ max-height: 90vh; /* Limits the height to 90% of the viewport */ width: auto; /* Ensures images scale based on their natural size */ height: auto; /* Maintains aspect ratio */ object-fit: contain; /* Ensures images do not get cropped */ margin: auto; } /* Ensure images maintain their own aspect ratio inside the modal */ .modal-content img { width: auto; /* Allow the width to adjust based on the image's aspect ratio */ height: auto; /* Allow the height to adjust */ max-width: 90vw; /* Maximum width is 90% of the viewport width */ max-height: 90vh; /* Maximum height is 90% of the viewport height */ display: block; margin: auto; object-fit: contain; /* Keeps the image fully visible without distortion */ } /* Close button styling */ .close { position: absolute; top: 10px; right: 20px; color: white; font-size: 35px; font-weight: bold; cursor: pointer; } .triangle { width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid black; border-bottom: 5px solid transparent; display: inline-block; margin-right: 10px; transition: transform 0.3s ease; transform: rotate(0deg); } .triangle.rotate { transform: rotate(90deg); } .collapsible-btn { background: none; border: none; padding: 0; cursor: pointer; font-weight: bold; font-size: 18pt; color: #10246E; } .collapsible-btn2 { background: none; border: none; padding: 0; cursor: pointer; font-weight: bold; } /* Tooltip styling */ .tooltip-container { position: relative; display: inline-block; cursor: pointer; } .custom-tooltip { visibility: hidden; width: 200px; background-color: #ffffff; color: #4A4A4A; font-size: 15px; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -100px; opacity: 1; transition: opacity 0.3s; } .tooltip-container:hover .custom-tooltip { visibility: visible; opacity: 1; } /* Link and zoom effects */ .text-link { color: #f8b122; text-decoration: underline; font-weight: bold; cursor: pointer; } .text-link:hover { color: #10246E !important; font-weight: bold; } .zoom-effect { transition: transform 0.2s; cursor: pointer; } .zoom-effect:hover { transform: scale(1.1); } /* Ensure container maintains its size */ .market-segment { position: relative; text-align: center; cursor: pointer; margin-bottom: 30px; padding: 10px; overflow: hidden; width: 100%; height: auto; } /* Keep image inside a fixed frame */ .image-wrapper { width: 100%; height: 200px; /* Fixed height for all images */ overflow: hidden; /* Prevents zoom overflow */ display: flex; justify-content: center; align-items: center; border-radius: 5px; } .image-wrapper img { width: 100%; height: 100%; object-fit: cover; /* Ensures full image is visible */ transition: transform 0.3s ease-in-out; } /* The text bar under the image */ .segment-text { background-color: #10246E; color: white; padding: 10px; font-size: 14pt; text-align: center; transition: background-color 0.3s ease-in-out; border-radius: 0 0 5px 5px; } /* Zoom only inside the fixed frame */ .market-segment:hover .image-wrapper img { transform: scale(1.1); cursor: pointer; } .market-segment:hover .segment-text { background-color: #0d1f5a; cursor: pointer; } /* Ensure equal spacing between all boxes */ .col-md-4 { padding: 15px; /* Space between each column */ } /* Row to ensure proper spacing */ .row { margin-left: -15px; margin-right: -15px; } /* Ensure text-box overlay is hidden initially */ .text-box-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); align-items: center; justify-content: center; z-index: 1000; } .text-box { background: white; padding: 20px; width: 50%; text-align: left; position: relative; border-radius: 8px; } /* Close Button */ .close-btn { position: absolute; top: 10px; right: 15px; font-size: 20px; cursor: pointer; } </style> <!-- Introduction Section --> <div style="background-color: #e1e7f4; padding: 20px 0;"> <div class="container"> <div> <h2 style="color: #10246E; font-size: 18pt; font-weight: bold; text-align: left; margin-bottom: 0px;">Plug, play, and perfect your embedded vision</h2> </div> <div class="row"> <div class="col-md-6"> <p><b>Developers in embedded vision projects often face the same challenges: How do we combine reliable image quality with flexible system integration? And how can cameras operate in diverse environments, from production halls to drones and medical equipment?</b></p> <p>Cable lengths, interface compatibility, and image processing are often obstacles that delay projects. Not to mention finding the right box pc. Together with TechNexion, we provide a solution with their Vision products: a wide range of cameras, lenses, accessories, and AI Vision box pcs that are easy to integrate, no matter the complexity of your project.</p> </div> <div class="col-md-6" style="margin-top: 6px;"> <img src="https://www.texim-europe.com/cmsimages/landing/topic/technexion-vision/vizionlink-explosion-drawing-20220628-1.gif" align="center" style="width: 75%; margin-top: -125px;" alt="Embedded Vision Overview"> </div> </div> </div> </div> <div style="background-color: #ffffff; padding: 20px 0;"> <div class="container"> <div> <h2 style="color: #10246E; font-size: 18pt; font-weight: bold; text-align: center;">From lens to logic: How vision works</h2> <p>Selecting the right vision camera involves several key factors, such as: <ul><li>Sensor type (rolling or global shutter, number of megapixels, and monochrome or color);</li> <li>Lens choice (medium, narrow, or wide Field of View (FOV));</li> <li>Interface compatibility (MIPI-CSI2, FAKRA (FPD-Link III or GMSL2) or USB 3.0 type C).</li> </ul> In the sections below, we’ll discuss how these elements impact performance and integration, helping you find the best solution for your application. <br> Need guidance? Download our selection guide or get in touch with our experts. </p> <a href="/getfile.aspx?id=137509" class="btn orange" target="_blank">Download the Guide</a> <a href="/customerservice/contactform.aspx?id=56&product=Technexion%20Vision%20Camera" class="btn orange" target="_blank">Get in touch</a> </div> <!-- Subchapter 1: One Software Driver for All --> <div class="row" style="margin-bottom: 0px;"> <div class="col-md-6" style="margin-top: 20px; margin-bottom: 0px;"> <img src="/getfile.aspx?id=137165" class="zoom-effect" onclick="openModal(this.src)" style="width: 95%; margin-bottom: 40px; cursor: pointer;" alt="Software Driver Illustration"> </div> <div class="col-md-6" style="margin-top: 20px;"> <h3 style="color: #10246E; font-size: 16pt; font-weight: bold;">1. One software driver for all</h3> <p>We’ve all been there—spending hours trying to make hardware and software play nicely together. With the Vision cameras, you don’t have to stress about that. All cameras, ranging from 1 megapixel to 20 megapixels, are supported by a single software driver. Even new sensors remain compatible with existing systems. This means less frustration and more time to focus on what matters: delivering results. Depending on which interface you choose, the hardware platforms in the image on the left are supported</p> </div> </div> <!-- Subchapter 2: Flexibility in Interfaces --> <div class="row" style="margin-bottom: 0px;"> <div class="col-md-6" style="margin-top: 20px;"> <h3 style="color: #10246E; font-size: 16pt; font-weight: bold;">2. Flexibility in interfaces</h3> <p>Every project can have a different angle. That’s why the Vision cameras give you the flexibility to choose the right interface for your needs:</p> <ul> <li style="padding: 5px 0;"><b>MIPI-CSI2:</b> Perfect for short distances (up to 30 cm) with low latency and power consumption. Click here to check the supported hardware platforms.</li> <li style="padding: 5px 0;"><b>USB 3.0 Type-C:</b> USB 3.0 Type-C is your go-to for a slightly longer setup (1.5 to 2 meters). Click here to check the supported hardware platforms.</li> <li style="padding: 5px 0;"><b>GMSL2 & FPD-Link III:</b> Designed for large-scale installations (up to 15 meters), making them ideal for robots, autonomous vehicles, or production environments. Click here to check the supported hardware platforms.</li> </ul> <p>You can mix and match interfaces to fit your setup perfectly; after all, integration should work for you – not the other way around.</p> </div> <div class="col-md-6" style="margin-top: 20px;"> <img src="/getfile.aspx?id=137522" class="zoom-effect" onclick="openModal(this.src)" style="width: 95%; margin-top: 50px; cursor: pointer;" alt="Interface Options Illustration"> </div> </div> <!-- Subchapter 3: Integrated Image Signal Processor --> <div class="row" style="margin-bottom: 0px;"> <div class="col-md-6" style="margin-top: 20px; margin-bottom: 0px;"> <img src="/getfile.aspx?id=137167" class="zoom-effect" onclick="openModal(this.src)" style="width: 95%; margin-top: 50px; cursor: pointer;" alt="ISP Illustration"> </div> <div class="col-md-6" style="margin-top: 20px;"> <h3 style="color: #10246E; font-size: 16pt; font-weight: bold;">3. Integrated Image Signal Processor (ISP)</h3> <p>Here’s a little-known fact: not all processors come with their own ISP (Image Signal Processor). And even if they do, they’re often locked behind OEM restrictions. With the Vision cameras, you don’t need to worry about that: They have their ISPs built right in, so image processing happens directly in the camera. So there are no extra steps or additional complexity—just crystal-clear images, straight out of the box. <br> With the software from TechNexion, called the VizionViewer, you can adjust the camera parameters and load them directly in the camera. Regardless the hardware or OS software you use. </p> <div> <button id="toggleButton6" type="button" class="collapsible-btn2"> <span class="triangle"></span> Learn more </button> <b>on Image Signal Processors </b> <div class="collapse" id="collapse6" style="display: none;"> <p>An Image Signal Processor (ISP) enhances image quality by adjusting parameters like contrast, sharpness, and color accuracy, ensuring cameras deliver optimal data for specific applications. For example, in a harvesting robot, an ISP ensures color precision to accurately determine when fruits are ready for harvest, feeding reliable data into AI algorithms. </p> </div> </div> </div> </div> </div> </div> <!-- Applications & Success Stories Section --> <div style="background-color: #e1e7f4; padding: 40px 0;"> <div class="container"> <h2 style="color: #10246E; font-size: 18pt; font-weight: bold; text-align: center;"> Applications and Success Stories </h2> <p style="text-align: center;"><b> The Vision cameras are driving innovation across industries, offering reliable imaging solutions that enhance automation, precision, and safety. </b></p> <!-- Market Segment Grid --> <div class="row"> <!-- Market Segment 1 --> <div class="col-md-4"> <div class="market-segment" onclick="openTextBox('industrial-automation')"> <div class="image-wrapper"> <img src="/getfile.aspx?id=137516" alt="Industrial Automation & Control"> </div> <div class="segment-text">Industrial Automation & Control</div> </div> </div> <!-- Market Segment 2 --> <div class="col-md-4"> <div class="market-segment" onclick="openTextBox('robotics-drones')"> <div class="image-wrapper"> <img src="/getfile.aspx?id=137517" alt="Robotics & Drones"> </div> <div class="segment-text">Robotics & Drones</div> </div> </div> <!-- Market Segment 3 --> <div class="col-md-4"> <div class="market-segment" onclick="openTextBox('medical-healthcare')"> <div class="image-wrapper"> <img src="/getfile.aspx?id=137518" alt="Medical & Healthcare"> </div> <div class="segment-text">Medical & Healthcare</div> </div> </div> <!-- Market Segment 4 --> <div class="col-md-4"> <div class="market-segment" onclick="openTextBox('logistics-warehousing')"> <div class="image-wrapper"> <img src="/getfile.aspx?id=137519" alt="Logistics & Warehousing"> </div> <div class="segment-text">Logistics & Warehousing</div> </div> </div> <!-- Market Segment 5 --> <div class="col-md-4"> <div class="market-segment" onclick="openTextBox('public-safety')"> <div class="image-wrapper"> <img src="/getfile.aspx?id=137520" alt="Public Safety & Transport"> </div> <div class="segment-text">Public Safety & Transport</div> </div> </div> <!-- Market Segment 6 (Placeholder) --> <div class="col-md-4"> <div class="market-segment" onclick="openTextBox('placeholder-segment')"> <div class="image-wrapper"> <img src="/getfile.aspx?id=137521" alt="Other Applications"> </div> <div class="segment-text">Other Applications</div> </div> </div> </div> </div> </div> <!-- Text Box Overlay (Hidden by Default) --> <div id="text-box-overlay" class="text-box-overlay" onclick="closeTextBox()"> <div class="text-box" onclick="event.stopPropagation();"> <span class="close-btn" onclick="closeTextBox()">X</span> <div id="text-box-content"></div> </div> </div> <!-- Section: Solutions That Engineers Can Rely On --> <div style="background-color: #ffffff; padding: 20px 0;"> <div class="container"> <h2 style="color: #10246E; font-size: 18pt; font-weight: bold; text-align: right; padding-right: 160px;">Solutions that engineers can rely on</h2> <div class="row" style="margin-bottom: 0px;"> <div class="col-md-6" style="margin-top: 0px;"> <img src="/getfile.aspx?id=137499" style="width: 80%; margin-bottom: 20px;" alt="Engineering Solutions"> </div> <div class="col-md-6" style="margin-top: 0px; margin-bottom: 0px;"> <p><ul> <li>Full compatibility with platforms like NVIDIA Jetson, NXP i.MX8, and Texas Instruments. </li> <li>Flexibility in resolution and sensor options: From 1 to 20 megapixels, global or rolling shutters, and a choice between mono and color. </li> <li>User-friendly tools like the Vizion Viewer allow even non-technical users to easily adjust camera settings. </li> </ul></p> <p>Not sure which camera solution fits your application? Our experts are ready to help you find the perfect match. Contact us to discuss a ready-to-use solution tailored to your needs. You can also download the <b>Embedded Vision Selection Guide</b> to compare sensor options, lens choices, and interfaces — all in one clear overview. </p> <a href="/getfile.aspx?id=137509" class="btn orange" target="_blank">Download the Guide </a> </div> </div> </div> </div> <!-- Contact Us Section --> <div style="background-color: #e1e7f4; padding: 20px 0;"> <div class="container"> <div class="row" style="text-align: center;"> <div class="col-md-2"> </div> <div class="col-md-8" style="margin-top: 20px;"> <h2 style="color: #10246E; font-size: 18pt; font-weight: bold; text-align: center;">Your vision, our mission</h2> <p style="text-align: left;"> Ready to take your embedded vision project to the next level? Contact Texim Europe for more information, request a demonstration, or get expert advice on Vision Camera solutions. <br> Just fill in your name and contact details, and we’ll contact you as soon as possible. You can also explore our product pages below or check out the TechNexion YouTube tutorials for quick setup guidance. </p> <a href="javascript:void(0);" class="btn orange" onclick="openModal('/getfile.aspx?id=137525')">Call our office </a> <div class="col-md-2"> </div> </div> <div class="row"> <div class="col-md-2"> </div> <div class="col-md-8"> <div> <a href="/customerservice/contactform.aspx?id=56&product=Technexion%20Vision%20Camera" target="_blank"><img src="/getfile.aspx?id=137524" style="width: 100%; margin-bottom: 20px; margin-left: -12px; cursor: text;" alt="Contact Texim on Technexion Vision Cameras"></a> </div> </div> <div class="col-md-2"> </div> </div> </div> </div> <!-- Image Modal --> <div id="imageModal" class="modal"> <span class="close" onclick="closeModal()">&times;</span> <img class="modal-content" id="modalImg"> </div> <script> <!-- JavaScript for Image Click Behavior --> // Ensure modals and overlays are hidden initially window.onload = function() { document.getElementById("imageModal").style.display = "none"; document.getElementById("text-box-overlay").style.display = "none"; }; // Open Image Modal Function function openModal(src) { var modal = document.getElementById("imageModal"); var modalImg = document.getElementById("modalImg"); modal.style.display = "flex"; // Show modal modalImg.src = src; modalImg.style.width = "auto"; // Ensures original width is maintained modalImg.style.height = "auto"; // Ensures original height is maintained } // Function to close modal function closeModal() { document.getElementById("imageModal").style.display = "none"; } // Close modal when clicking outside the image window.onclick = function(event) { var modal = document.getElementById("imageModal"); if (event.target == modal) { modal.style.display = "none"; } }; <!-- JavaScript for collapsible functionality --> $(document).ready(function () { $('#toggleButton6').click(function () { var target = $('#collapse6'); target.stop().slideToggle(400); // Adjust the speed here (e.g., 400ms for smooth transition) $(this).find('.triangle').toggleClass('rotate'); // ?? This rotates the triangle }); }); <!-- JavaScript for form functionality --> function handleFormSubmit(event) { event.preventDefault(); // Stop standaardformulierverzending const form = event.target; // Verzamel formuliergegevens const formData = new FormData(form); // Controleer honeypot if (formData.get('honeypot')) { alert('Bot detected! Submission blocked.'); return false; } // Verzending via fetch() fetch(form.action, { method: form.method, body: formData, }) .then(response => { if (response.ok) { // Toon succesbericht document.getElementById('success-message').style.display = 'block'; form.reset(); } else { alert('Something went wrong. Please try again later.'); } }) .catch(() => alert('Unable to submit the form.')); } <!-- JavaScript for Interactive Text Boxes --> const textBoxData = { "industrial-automation": ` <h3>Industrial Automation & Control</h3> <p><b>Small Mistakes, Big Problems</b> <br> You’d be surprised how tiny defects in a product can cause huge failures down the line. A MIPI-CSI2 camera (2MP) was built into an inline inspection system on a high-speed conveyor belt. Why? To detect minuscule faults before they become expensive problems. No unnecessary delays. No bad batches slipping through. </p> `, "robotics-drones": ` <h3>Robotics & Drones</h3> <p><b>Farming with Precision</b> <br> Pesticides are expensive. Also, not great for the environment. So why spray everything when you can spray only where it’s needed? Mounted under a self-driving farming machine, an 8MP Rolling Shutter camera (FPD-Link III) can spot weeds instantly and tells the system where to spray. Less chemicals. Less waste. More efficiency. </p> `, "medical-healthcare": ` <h3>Medical & Healthcare</h3> <p><b>Fast Scans, Better Treatment</b> <br> A vet clinic can use a portable imaging tool to diagnose health problems in animals on location. They could use an 8MP Rolling Shutter camera inside a handheld scanner, allowing real-time analysis of skin, eyes, and movement patterns. With this camera system, vets could spot early signs of disease, even in remote areas. </p> `, "logistics-warehousing": ` <h3>Logistics & Warehousing</h3> <p><b>Packing Errors? Not Anymore.</b> <br> Nobody likes wrong deliveries. A 5MP Rolling Shutter camera (USB Type-C) was installed over packing stations in a warehouse. Now, before sealing a box, the system automatically checks if the picked items match the order. Error rate could drop up to 98%, and customer complaints? They vanish into thin air. </p> `, "public-safety": ` <h3>Public Safety & Transport</h3> <p><b>Smart Parking Enforcement</b> <br> Cities struggle with illegal parking. Checking everything manually takes too long. Enter automated enforcement vehicles, each equipped with an 8MP Rolling Shutter camera that scans license plates and parking zones in real time. The result? Faster checks, fewer violations, and more efficient city management. </p> `, "placeholder-segment": ` <h3>Other Applications</h3> <p><b>Train Tracks Need a Check-Up Too</b> <br> Railway operators need to inspect tracks constantly, but stopping trains isn’t an option. A 12MP Global Shutter camera can be mounted on a fast-moving inspection train and captures every detail of the track, feeding AI systems that spot cracks, misalignments, or early wear — before breakdowns happen. </p> ` }; function openTextBox(segment) { document.getElementById("text-box-content").innerHTML = textBoxData[segment]; document.getElementById("text-box-overlay").style.display = "flex"; } function closeTextBox() { document.getElementById("text-box-overlay").style.display = "none"; } </script>