Source Code of The Day!<br>[ERROR BUG] ChatGPT+Gemini: TikTok → Blogger Embed Converter using Cloudflare/Online Server

PAGE HYPERLINK: PAGE HYPERLINK aka COMPILED-RESULT PAGE

click above^^ hyperlink directing page containing converter of TikTok WebURL into Embedd-Code in HTML Page with prerequisite copy-paste "first" the TikTok "ORI_URL" into WebBrowser aka APP LIMITATION

🔄 Refresh Page

</button>

</div>

<h1>ERROR BUG:<br />

The connection is blocked because it was initiated by a public page to connect to devices or servers on your local network.</h1>

<h1>Planning: <br />Revise Program CODE</h1><div><ol style="text-align: left; font-size: 200%;"><li><span style="font-size: x-large;">Code USING Javascript/Online Server</span></li><li><span style="font-size: x-large;">Code NOT USING Javascript</span></li></ol></div>

<hr />

<h1>Sample Working Code<br />aka Already Repaired!</h1>

<h2>Temporary Solution is by Asking AI Assistant to do REPAIR CODE of (Not yet Repaired) Current Conversion Program Code-Output</h2>

TikTok Archive – Embedded Preview

</h2>

<h3 style="text-align: center;">TikTok Embed</h3>

</iframe>

</div>

▶ View this video on TikTok</a></div>

<hr />

<h3 style="color: #d93025; margin-top: 0px;">⚠️ DISCLAIMER: INPUT URL LIMITATION</h3>

<p>This program is currently restricted to processing <b>Full Browser URLs</b> only. It does not support TikTok’s mobile "short-link" format (e.g., <code>vt.tiktok.com</code>).</p>

<p><strong>Required Action:</strong><br />

Users must open the video in a web browser and copy the expanded URL from the address bar before pasting it into this program.</p>

<h4>URL Conversion Example</h4>

<li>❌ <b>UNSUPPORTED:</b> <code>https://vt.tiktok.com/ZSaXoFyov/</code></li>

<li>✅ <b>REQUIRED:</b> <code>https://www.tiktok.com/@user/video/7595073062102486288</code></li>

</ul>

<h4>Technical Logic & The "Loader" Gap</h4>

<p>The program fails because it cannot "look inside" a short link to find the Video ID. It requires a <b>Redirect Resolver</b> (Loader) to fetch the final destination.</p>

graph TD

User([User Input URL]) --> Check{Logic Check}

subgraph Current_Limitation [Current Limitation]

Check -- "tiktok.com/video/ID" --> Success[✅ Extract ID]

Check -- "vt.tiktok.com/..." --> Fail[❌ Error: No ID found]

end

subgraph Missing_Logic [The Missing Loader]

Fail -.-> Loader(HTTP Redirect Resolver)

Loader -.-> Success

end

style Fail fill:#ffcccc,stroke:#d93025

style Loader stroke-dasharray: 5 5, fill:#e1f5fe

</div>

<hr />

<h3 style="color: #d93025; margin-top: 0px;">⚠️ MANUAL CONVERSION REQUIRED</h3>

<p>Because this program cannot process TikTok mobile "short-links" (<code>vt.tiktok.com</code>) directly. You must manually expand the link before inputting it.</p>

<strong>Step-by-Step Instructions:</strong>

<li><b>Copy</b> the link from your TikTok app (Example: <code>https://vt.tiktok.com/ZSaXoFyov/</code>).</li>

<li><b>Paste</b> that link into your web browser's address bar.</li>

<li><b>Press Enter</b> and wait for the video page to load.</li>

<li><b>Copy the new, long URL</b> from the address bar (It should now contain <code>/video/</code> followed by a long ID).</li>

<li><b>Paste</b> this long URL into the program.</li>

</ol>

</div>

graph LR

A[Mobile Short Link] -->|Paste into Browser| B[Redirecting...]

B --> C[Full Browser URL]

C -->|Paste into Program| D{SUCCESS ✅}

style A fill:#f9f9f9,stroke:#333

style C fill:#e1f5fe,stroke:#01579b

style D fill:#d4edda,stroke:#28a745

</div>

<hr />

<br />

<h1>ERROR: <br /><span style="font-size: large;">JAVASCRIPT CAN NOT BE RUNNED</span></h1><div><br /></div><div><span style="font-size: x-large;"><b>CATATAN</b></span></div><div><span style="font-size: x-large;">terkadang kode <i>"masih bisa" </i>dijalankan</span></div><div><span style="font-size: x-large;"><i>"sepertinya" </i>masalah di browser aka tergantung "kondisi/cleanliness of cache memory device yg digunakan"</span></div><div><span style="font-size: x-large;"><br /></span></div>

<!--==================================

TIKTOK → BLOGGER EMBED CONVERTER

SINGLE PAGE · BLOGGER SAFE

==================================-->

TikTok </span><span style="color: #ffa400;">(Blogger Embed) </span><span style="color: #2b00fe;">Converter

</span></h1>

Blogger-safe TikTok embed generator with live preview</p>

Convert TikTok URL

</button>

<hr />

<h3>Generated Embed Code (Paste into Blogger)</h3>

Copy Embed Code

</button>

<hr />

<h3 style="text-align: center;">Live Preview</h3>

Preview uses TikTok JS embed. Final result works after publish.

</p>

const API_ENDPOINT =

"https://falling-cherry-d9af.amanurung1985.workers.dev/";

function setNotice(type, msg) {

const n = document.getElementById("notice");

n.style.display = "block";

const map = {

success: ["#e8f5e9", "#4caf50", "🟢 SUCCESS"],

warning: ["#fff8e1", "#ff9800", "🟡 WARNING"],

error: ["#fdecea", "#f44336", "🔴 ERROR"]

};

n.style.background = map[type][0];

n.style.borderLeft = "6px solid " + map[type][1];

n.innerHTML = "<b>" + map[type][2] + "</b><br>" + msg;

}

function clearPreview(node) {

while (node.firstChild) {

node.removeChild(node.firstChild);

}

async function convertTikTok() {

const url = document.getElementById("tiktokUrl").value.trim();

const output = document.getElementById("output");

const preview = document.getElementById("preview");

output.value = "";

clearPreview(preview);

if (!url) {

setNotice("error", "Please paste a TikTok URL.");

return;

}

setNotice("warning", "Processing TikTok URL…");

try {

const res = await fetch(API_ENDPOINT, {

method: "POST",

headers: { "Content-Type": "application/json" },

body: JSON.stringify({ url })

});

const data = await res.json();

if (data.status !== "success") {

setNotice("error", data.message || "Conversion failed.");

return;

}

// OUTPUT CODE FOR BLOGGER

output.value = data.embedCode;

setNotice(

"success",

"TikTok link converted successfully.<br>" +

"User: <b>@" + data.username + "</b><br>" +

"Video ID: <b>" + data.videoId + "</b>"

);

// ===== PURE DOM LIVE PREVIEW =====

const blockquote = document.createElement("blockquote");

blockquote.className = "tiktok-embed";

blockquote.setAttribute(

"cite",

"https://www.tiktok.com/@" + data.username + "/video/" + data.videoId

);

blockquote.setAttribute("data-video-id", data.videoId);

blockquote.style.width = "100%";

blockquote.appendChild(document.createElement("section"));

preview.appendChild(blockquote);

// Reload TikTok embed script safely

const old = document.getElementById("tiktok-embed-script");

if (old) old.remove();

const script = document.createElement("script");

script.id = "tiktok-embed-script";

script.src = "https://www.tiktok.com/embed.js";

script.async = true;

document.body.appendChild(script);

} catch (err) {

setNotice("error", "Failed to reach server.");

}

function copyCode() {

const o = document.getElementById("output");

o.select();

document.execCommand("copy");

alert("Embed code copied!");

}

</script>

https://falling-cherry-d9af.amanurung1985.workers.dev/

API Setup at Online Server aka CloudFlare

const API_ENDPOINT =

"https://falling-cherry-d9af.amanurung1985.workers.dev/";

Code (inside CloudFlare):

{"status":"error","message":"Method not allowed"}

Discussion of Explanatory-Image above!
[please click here!]

Have been made by you! READERS

Search This Blog

Source Code of The Day!
[ERROR BUG] ChatGPT+Gemini: TikTok → Blogger Embed Converter using Cloudflare/Online Server

click above^^ hyperlink directing page containing converter of TikTok WebURL into Embedd-Code in HTML Page with prerequisite copy-paste "first" the TikTok "ORI_URL" into WebBrowser aka APP LIMITATION

https://falling-cherry-d9af.amanurung1985.workers.dev/

API Setup at Online Server aka CloudFlare

Comments

Post a Comment

Source Code of The Day![ERROR BUG] ChatGPT+Gemini: TikTok → Blogger Embed Converter using Cloudflare/Online Server

click above^^ hyperlink directing page containing converter of TikTok WebURL into Embedd-Code in HTML Page with prerequisite copy-paste "first" the TikTok "ORI_URL" into WebBrowser aka APP LIMITATION

https://falling-cherry-d9af.amanurung1985.workers.dev/

API Setup at Online Server aka CloudFlare

Comments

Post a Comment

Source Code of The Day!
[ERROR BUG] ChatGPT+Gemini: TikTok → Blogger Embed Converter using Cloudflare/Online Server