Test in Real Time: Interactive Playing Card Detection API Demo

Live Cards detection API

Upload an image to test my model in real time

1. Choose Card Image (JPEG/PNG):

Get Your API Key on RapidAPI

Quick Start: Integrate the API in 3 Steps

Start detecting cards in your own applications in minutes.

Step 1

Get Your API Key

Subscribe to the free tier on RapidAPI to receive your personalized API key.

Get Free Key →

Step 2

Send an Image via POST

Send any JPEG or PNG file as multipart form-data to the /detect endpoint.

Step 3

Process Card Detections

Parse card labels, confidence scores, precise bounding boxes, or use the pre-rendered annotated image directly.

Implementation Code Examples

import requests

url = "https://cards-detection-api.p.rapidapi.com/detect"

headers = {
    "x-rapidapi-host": "cards-detection-api.p.rapidapi.com",
    "x-rapidapi-key": "YOUR_RAPIDAPI_KEY"
}

# Open and send your image
with open("cards.jpg", "rb") as image_file:
    files = {"file": image_file}
    response = requests.post(url, files=files, headers=headers)

data = response.json()

# Inspect detected cards
print(f"Total Detections: {data.get('total_detections', 0)}")
for card in data.get("detections", []):
    print(f"Card ID: {card.get('class_id')} | Confidence: {card.get('confidence'):.2f}")
    print(f"Bounding Box: {card.get('bounding_box')}")

const axios = require('axios');
const fs = require('fs');
const FormData = require('form-data');

async function detectCards() {
    const form = new FormData();
    form.append('file', fs.createReadStream('cards.jpg'));

    const options = {
        method: 'POST',
        url: 'https://cards-detection-api.p.rapidapi.com/detect',
        headers: {
            ...form.getHeaders(),
            'x-rapidapi-host': 'cards-detection-api.p.rapidapi.com',
            'x-rapidapi-key': 'YOUR_RAPIDAPI_KEY'
        },
        data: form
    };

    try {
        const response = await axios.request(options);
        console.log('Detection Results:', response.data);
    } catch (error) {
        console.error('API Error:', error.response ? error.response.data : error.message);
    }
}

detectCards();

Subscribe to Cards-Detection-API on RapidAPI

// Do not change this comment line otherwise Speed Optimizer won't be able to detect this script (function () { function sendRequest(url, body) { if(!window.fetch) { const xhr = new XMLHttpRequest(); xhr.open("POST", url, true); xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); xhr.send(JSON.stringify(body)) return } fetch(url, { method: 'POST', body: JSON.stringify(body), keepalive: true, headers: { 'Content-Type': 'application/json;charset=UTF-8' } }).catch(() => {}); } const calculateParentDistance = (child, parent) => { let count = 0; let currentElement = child; // Traverse up the DOM tree until we reach parent or the top of the DOM while (currentElement && currentElement !== parent) { currentElement = currentElement.parentNode; count++; } // If parent was not found in the hierarchy, return -1 if (!currentElement) { return -1; // Indicates parent is not an ancestor of element } return count; // Number of layers between element and parent } const isMatchingClass = (linkRule, href, classes, ids) => { return classes.includes(linkRule.value) } const isMatchingId = (linkRule, href, classes, ids) => { return ids.includes(linkRule.value) } const parseUrl = (href) => { try { return new URL(href) } catch (error) { return null } } const isMatchingDomain = (linkRule, href, classes, ids) => { const url = parseUrl(href) if(!url) { return false } const host = url.host const hostsToMatch = [host] if(host.startsWith('www.')) { hostsToMatch.push(host.substring(4)) } else { hostsToMatch.push('www.' + host) } return hostsToMatch.includes(linkRule.value) } const isMatchingExtension = (linkRule, href, classes, ids) => { const url = parseUrl(href) if(!url) { return false } return url.pathname.endsWith('.' + linkRule.value) } const isMatchingSubdirectory = (linkRule, href, classes, ids) => { const url = parseUrl(href) if(!url) { return false } return url.pathname.startsWith('/' + linkRule.value + '/') } const isMatchingProtocol = (linkRule, href, classes, ids) => { const url = parseUrl(href) if(!url) { return false } return url.protocol === linkRule.value + ':' } const isMatchingExternal = (linkRule, href, classes, ids) => { const linkUrl = parseUrl(href) const siteUrl = parseUrl(document.location.href) if(!linkUrl || !siteUrl) { return false } const matchingProtocols = ['http:', 'https:'] // Links to subdomains will appear to be external matches according to JavaScript, // but the PHP rules will filter those events out. return matchingProtocols.includes(linkUrl.protocol) && siteUrl.host !== linkUrl.host } const isMatch = (linkRule, href, classes, ids) => { switch (linkRule.type) { case 'class': return isMatchingClass(linkRule, href, classes, ids) case 'id': return isMatchingId(linkRule, href, classes, ids) case 'domain': return isMatchingDomain(linkRule, href, classes, ids) case 'extension': return isMatchingExtension(linkRule, href, classes, ids) case 'subdirectory': return isMatchingSubdirectory(linkRule, href, classes, ids) case 'protocol': return isMatchingProtocol(linkRule, href, classes, ids) case 'external': return isMatchingExternal(linkRule, href, classes, ids) default: return false; } } const track = (element) => { const href = element.href ?? null const classes = Array.from(element.classList) const ids = [element.id] const linkRules = [{"type":"extension","value":"pdf"},{"type":"extension","value":"zip"},{"type":"protocol","value":"mailto"},{"type":"protocol","value":"tel"}] if(linkRules.length === 0) { return } // For link rules that target an id, we need to allow that id to appear // in any ancestor up to the 7th ancestor. This loop looks for those matches // and counts them. linkRules.forEach((linkRule) => { if(linkRule.type !== 'id') { return; } const matchingAncestor = element.closest('#' + linkRule.value) if(!matchingAncestor || matchingAncestor.matches('html, body')) { return; } const depth = calculateParentDistance(element, matchingAncestor) if(depth < 7) { ids.push(linkRule.value) } }); // For link rules that target a class, we need to allow that class to appear // in any ancestor up to the 7th ancestor. This loop looks for those matches // and counts them. linkRules.forEach((linkRule) => { if(linkRule.type !== 'class') { return; } const matchingAncestor = element.closest('.' + linkRule.value) if(!matchingAncestor || matchingAncestor.matches('html, body')) { return; } const depth = calculateParentDistance(element, matchingAncestor) if(depth < 7) { classes.push(linkRule.value) } }); const hasMatch = linkRules.some((linkRule) => { return isMatch(linkRule, href, classes, ids) }) if(!hasMatch) { return } const url = "https://eranfeit.net/wp-content/plugins/independent-analytics/iawp-click-endpoint.php"; const siteId = ""; const body = { href: href, classes: classes.join(' '), ids: ids.join(' '), siteId: siteId, ...{"payload":{"resource":"singular","singular_id":6059,"page":1},"signature":"7d960dfbc84687a8f12a4c0c75c68d7e"} }; sendRequest(url, body) } let hasSearched = false; function search() { if(hasSearched) { return; } hasSearched = true; if (document.hasOwnProperty("visibilityState") && document.visibilityState === "prerender") { return; } if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) { return; } let referrer_url = null; if (typeof document.referrer === 'string' && document.referrer.length > 0) { referrer_url = document.referrer; } const params = location.search.slice(1).split('&').reduce((acc, s) => { const [k, v] = s.split('='); return Object.assign(acc, {[k]: v}); }, {}); const url = "https://eranfeit.net/wp-json/iawp/search"; const body = { referrer_url, utm_source: params.utm_source, utm_medium: params.utm_medium, utm_campaign: params.utm_campaign, utm_term: params.utm_term, utm_content: params.utm_content, gclid: params.gclid, fbclid: params.fbclid, oppref: params.oppref, ...{"payload":{"resource":"singular","singular_id":6059,"page":1},"signature":"7d960dfbc84687a8f12a4c0c75c68d7e"} }; sendRequest(url, body) } document.addEventListener('mousedown', function (event) { if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) { return; } const element = event.target.closest('a') if(!element) { return } const isPro = false if(!isPro) { return } // Don't track left clicks with this event. The click event is used for that. if(event.button === 0) { return } track(element) }, true) document.addEventListener('click', function (event) { if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) { return; } const element = event.target.closest('a, button, input[type="submit"], input[type="button"]') if(!element) { return } const isPro = false if(!isPro) { return } track(element) }, true) document.addEventListener('play', function (event) { if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) { return; } const element = event.target.closest('audio, video') if(!element) { return } const isPro = false if(!isPro) { return } track(element) }, true) document.addEventListener("DOMContentLoaded", function (e) { search(); }); document.addEventListener("iawpSearch", function (e) { search(); }); })();

/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);

var PT_CV_PUBLIC = {"_prefix":"pt-cv-","page_to_show":"5","_nonce":"4daf931eb4","is_admin":"","is_mobile":"","ajaxurl":"https://eranfeit.net/wp-admin/admin-ajax.php","lang":"","loading_image_src":"data:image/gif;base64,R0lGODlhDwAPALMPAMrKygwMDJOTkz09PZWVla+vr3p6euTk5M7OzuXl5TMzMwAAAJmZmWZmZszMzP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAPACwAAAAADwAPAAAEQvDJaZaZOIcV8iQK8VRX4iTYoAwZ4iCYoAjZ4RxejhVNoT+mRGP4cyF4Pp0N98sBGIBMEMOotl6YZ3S61Bmbkm4mAgAh+QQFCgAPACwAAAAADQANAAAENPDJSRSZeA418itN8QiK8BiLITVsFiyBBIoYqnoewAD4xPw9iY4XLGYSjkQR4UAUD45DLwIAIfkEBQoADwAsAAAAAA8ACQAABC/wyVlamTi3nSdgwFNdhEJgTJoNyoB9ISYoQmdjiZPcj7EYCAeCF1gEDo4Dz2eIAAAh+QQFCgAPACwCAAAADQANAAAEM/DJBxiYeLKdX3IJZT1FU0iIg2RNKx3OkZVnZ98ToRD4MyiDnkAh6BkNC0MvsAj0kMpHBAAh+QQFCgAPACwGAAAACQAPAAAEMDC59KpFDll73HkAA2wVY5KgiK5b0RRoI6MuzG6EQqCDMlSGheEhUAgqgUUAFRySIgAh+QQFCgAPACwCAAIADQANAAAEM/DJKZNLND/kkKaHc3xk+QAMYDKsiaqmZCxGVjSFFCxB1vwy2oOgIDxuucxAMTAJFAJNBAAh+QQFCgAPACwAAAYADwAJAAAEMNAs86q1yaWwwv2Ig0jUZx3OYa4XoRAfwADXoAwfo1+CIjyFRuEho60aSNYlOPxEAAAh+QQFCgAPACwAAAIADQANAAAENPA9s4y8+IUVcqaWJ4qEQozSoAzoIyhCK2NFU2SJk0hNnyEOhKR2AzAAj4Pj4GE4W0bkJQIAOw=="}; var PT_CV_PAGINATION = {"first":"\u00ab","prev":"\u2039","next":"\u203a","last":"\u00bb","goto_first":"Go to first page","goto_prev":"Go to previous page","goto_next":"Go to next page","goto_last":"Go to last page","current_page":"Current page is","goto_page":"Go to page"}; //# sourceURL=pt-cv-content-views-script-js-extra

wpa_field_info = JSON.parse(atob("eyJ3cGFfZmllbGRfbmFtZSI6Imh1cmd0ZTg4NTkiLCJ3cGFfZmllbGRfdmFsdWUiOjUzMTUyOCwid3BhX2FkZF90ZXN0Ijoibm8ifQ==")); //# sourceURL=wpascript-js-after

var wp_ulike_params = {"ajax_url":"https:\/\/eranfeit.net\/wp-admin\/admin-ajax.php","notifications":1,"ajax_error":"Could not save your vote. Please refresh the page and try again."}; //# sourceURL=wp_ulike-js-before

var starter_templates_zip_preview = {"AstColorPaletteVarPrefix":"--ast-global-color-","AstEleColorPaletteVarPrefix":["ast-global-color-0","ast-global-color-1","ast-global-color-2","ast-global-color-3","ast-global-color-4","ast-global-color-5","ast-global-color-6","ast-global-color-7","ast-global-color-8"]}; //# sourceURL=starter-templates-zip-preview-js-extra

window.LP_CONFIG = {"activeOnDesktop":true,"behavior":"mouseHover","hoverDelay":60,"instantClick":false,"activeOnMobile":true,"mobileBehavior":"viewport","ignoreKeywords":"#,?","isMobile":false} //# sourceURL=linkprefetcher-js-before

window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.contentEvents = {"postID":6059,"isReadableSinglePost":false,"hasVimeoEmbed":false,"wordCount":0,"estimatedReadTimeSeconds":0,"isLastPageOfMultiPagePost":false,"readTimeThresholdPercent":85,"minimumReadTimeSeconds":5}; //# sourceURL=googlesitekit-events-provider-content-events-js-before

kofiWidgetOverlay.draw( "eranfeit", { "type": "floating-chat", "floating-chat.donateButton.text": "Support Me", "floating-chat.donateButton.background-color": "#81d742", "floating-chat.donateButton.text-color": "#323842" }); //# sourceURL=ko-fi-floating-button-js-after

Test in Real Time: Interactive Playing Card Detection API Demo

Live Cards detection API

1. Original Input Image:

2. AI Detection Output:

3. Raw JSON Metadata Response: