Ozeki VOIP SIP SDK

Next: Simple VoIP PBX

Ozeki VOIP SIP SDK [voip-sip-sdk.com]

`; // Create footer HTML const footerHTML = `

https://voip-sip-sdk.com/p_7533-how-to-build-a-pbx-phone-system-with-ozeki-voip-sip-sdk.html `; // Get the existing content (to preserve it) const existingContent = contentDiv.innerHTML; // Add all elements in order contentDiv.innerHTML = headerHTML + existingContent + footerHTML; if (!contentDiv) { showStatus('Content div not found!', 'error'); return; } try { button.disabled = true; button.textContent = 'Generating PDF...'; const { jsPDF } = window.jspdf; const pdf = new jsPDF(); const content = await extractTextContent(contentDiv); pdf.setFontSize(12); const pageWidth = pdf.internal.pageSize.getWidth(); const pageHeight = pdf.internal.pageSize.getHeight(); const margin = 20; const maxWidth = pageWidth - 2 * margin; let yPosition = margin; let currentPage = 1; for (const item of content) { if (item.type === 'hr') { if (yPosition > pageHeight - margin - 20) { pdf.addPage(); yPosition = margin; currentPage++; } yPosition += 0; pdf.setDrawColor(170, 170, 170); pdf.setLineWidth(0.5); pdf.line(margin, yPosition, pageWidth - margin, yPosition); yPosition += 12; continue; } if (item.type === 'image') { const imgHeight = item.height || 50; if (yPosition + imgHeight > pageHeight - margin) { pdf.addPage(); yPosition = margin; currentPage++; } try { pdf.addImage(item.data, item.format, margin, yPosition, item.width, imgHeight); yPosition += imgHeight + 10; } catch (imgError) { console.warn('Failed to add image:', imgError); pdf.setFontSize(10); pdf.setFont(undefined, 'italic'); pdf.text('[Image: ' + (item.alt || 'Unable to load') + ']', margin, yPosition); yPosition += 15; } continue; } if (yPosition > pageHeight - margin - 20) { pdf.addPage(); yPosition = margin; currentPage++; } if (item.type.startsWith('h') && yPosition > margin + 10) { if (item.type === 'h1') { yPosition += 0; } else if (item.type === 'h2') { yPosition += 4; } else { yPosition += 1; } } // Handle links with special formatting if (item.type === 'link') { pdf.setFontSize(12); pdf.setFont(undefined, 'normal'); pdf.setTextColor(0, 0, 255); // Blue color for links // Split the link text and URL for better formatting const linkText = `${item.text} (${item.url})`; const lines = pdf.splitTextToSize(linkText, maxWidth); lines.forEach((line, lineIndex) => { if (yPosition > pageHeight - margin - 15) { pdf.addPage(); yPosition = margin; } // Add the clickable link const textWidth = pdf.getTextWidth(line); pdf.textWithLink(line, margin, yPosition, { url: item.url }); yPosition += 6; }); // Reset text color pdf.setTextColor(0, 0, 0); yPosition += 6; continue; } // Set font style based on content type switch (item.type) { case 'h1': pdf.setFontSize(18); pdf.setFont(undefined, 'bold'); break; case 'h2': pdf.setFontSize(16); pdf.setFont(undefined, 'bold'); break; case 'h3': pdf.setFontSize(14); pdf.setFont(undefined, 'bold'); break; default: pdf.setFontSize(12); pdf.setFont(undefined, 'normal'); } // Reset text color for non-link content pdf.setTextColor(0, 0, 0); const lines = pdf.splitTextToSize(item.text, maxWidth); lines.forEach((line, lineIndex) => { if (yPosition > pageHeight - margin - 15) { pdf.addPage(); yPosition = margin; } pdf.text(line, margin, yPosition); if (item.type.startsWith('h')) { yPosition += 8; } else { yPosition += 6; } }); if (item.type === 'paragraph') { yPosition += 6; } else if (item.type === 'text') { yPosition += 6; } else if (item.type.startsWith('h')) { yPosition += 3; } } pdf.save('OZEKI_How_to_build_a_PBX_phone_system_with_Ozeki_VoIP_SIP_SDK_7533.pdf'); showStatus('PDF saved successfully with clickable links!', 'success'); } catch (error) { console.error('Error generating PDF:', error); showStatus('Error generating PDF: ' + error.message, 'error'); } finally { button.disabled = false; button.textContent = '📄 PDF'; } contentDiv.innerHTML = existingContent; } async function extractTextContent(element) { const content = []; async function processNode(node) { if (node.nodeType === Node.TEXT_NODE) { const text = node.textContent.trim(); if (text) { content.push({ type: 'text', text: text }); } } else if (node.nodeType === Node.ELEMENT_NODE) { const tagName = node.tagName.toLowerCase(); switch (tagName) { case 'hr': content.push({ type: 'hr' }); break; case 'a': // Handle links specially console.log("Href found"); const href = node.getAttribute('href') || '#'; if (href.slice(0, "http".length) !== "http") { href = 'https://ozeki.hu/'+href; } const linkText = node.textContent.trim(); if (linkText) { content.push({ type: 'link', text: linkText, url: href }); } break; case 'img': try { const imgData = await processImage(node); if (imgData) { content.push(imgData); } } catch (error) { console.warn('Failed to process image:', error); content.push({ type: 'text', text: '[Image: ' + (node.alt || 'Unable to load') + ']' }); } break; case 'h1': case 'h2': case 'h3': case 'h4': case 'h5': case 'h6': content.push({ type: tagName, text: node.textContent.trim() }); break; case 'p': case 'div': case 'blockquote': // Process mixed content (text + links) await processTextWithLinks(node); break; case 'ul': case 'ol': const listItems = node.querySelectorAll('li'); for (let i = 0; i < listItems.length; i++) { const li = listItems[i]; const prefix = tagName === 'ul' ? '• ' : `${i + 1}. `; // Check if list item contains links const links = li.querySelectorAll('a'); if (links.length > 0) { // Process list item with links let listText = prefix; for (const child of li.childNodes) { if (child.nodeType === Node.TEXT_NODE) { listText += child.textContent; } else if (child.tagName === 'A') { listText += child.textContent; } } content.push({ type: 'list', text: listText }); // Add links separately for (const link of links) { content.push({ type: 'link', text: link.textContent.trim(), url: link.getAttribute('href') || '#' }); } } else { content.push({ type: 'list', text: prefix + li.textContent.trim() }); } } break; case 'br': content.push({ type: 'text', text: '\n' }); break; default: for (const child of node.childNodes) { await processNode(child); } } } } async function processTextWithLinks(element) { const text = []; const links = []; for (const child of element.childNodes) { if (child.nodeType === Node.TEXT_NODE) { text.push(child.textContent); } else if (child.tagName === 'A') { text.push(child.textContent); let hr = child.getAttribute('href') || '#'; if (hr.slice(0, "http".length) !== "http") { hr = 'https://ozeki.hu/'+hr; } links.push({ type: 'link', text: child.textContent.trim(), url: hr }); } else { text.push(child.textContent); } } const combinedText = text.join('').trim(); if (combinedText) { content.push({ type: 'paragraph', text: combinedText }); } // Add links after the paragraph for (const link of links) { content.push(link); } } for (const child of element.childNodes) { await processNode(child); } return content; } async function processImage(imgElement) { return new Promise((resolve) => { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); const img = new Image(); img.onload = function() { const maxWidth = 170; const aspectRatio = img.height / img.width; let displayWidth = Math.min(img.width, maxWidth); let displayHeight = displayWidth * aspectRatio; canvas.width = Math.min(img.width, 1000); canvas.height = canvas.width * aspectRatio; ctx.imageSmoothingEnabled = true; ctx.imageSmoothingQuality = 'high'; ctx.drawImage(img, 0, 0, canvas.width, canvas.height); const imageData = canvas.toDataURL('image/png', 1.0); resolve({ type: 'image', data: imageData, format: 'PNG', width: displayWidth, height: displayHeight, alt: imgElement.alt || 'Image' }); }; img.onerror = function() { console.warn('Failed to load image:', imgElement.src); resolve(null); }; if (imgElement.src.startsWith('data:')) { img.src = imgElement.src; } else if (imgElement.src.startsWith('http')) { img.crossOrigin = 'anonymous'; img.src = imgElement.src; } else { img.src = imgElement.src; } setTimeout(() => { resolve(null); }, 5000); }); } function saveDivAsPDFById(divId) { const contentDiv = document.getElementById(divId); if (!contentDiv) { showStatus(`Div with ID '${divId}' not found!`, 'error'); return; } const originalDiv = document.getElementById('contentToDownload'); originalDiv.id = 'temp-original'; contentDiv.id = 'contentToDownload'; saveDivAsPDF(); contentDiv.id = divId; originalDiv.id = 'contentToDownload'; } window.saveDivAsPDF = saveDivAsPDF; window.saveDivAsPDFById = saveDivAsPDFById;

How to build a PBX with Ozeki VoIP SIP SDK

Lecture 1:
Simple VoIP PBX

This guide demonstrates all the initial steps concerning to how create a SIP PBX by using Ozeki VoIP SIP SDK. Start now

Lecture 2:
VoIP PBX authentication

The next step is the PBX registration and the SIP authentication. Find out how to conduct these in your own PBX. Start now

Lecture 3:
Dial plan

This article explains how to define routing rules in order to setup automated call forwarding to make your system more effective. Start now

Lecture 4:
Voicemail

By using a virtual extension it is quite easy to build voicemail functionality into your PBX. Let's see what you should do to achieve it. Start now

Lecture 5:
MediaGateway connection

Find out what is the MediaGateway and how does it ensure communication via a website, mobile or desktop phone. Start now

Lecture 6:
Interactive Voice Response

From this guide you can learn how to create Interactive Voice Response module as virtual extension for your PBX. Start now

Lecture 7:
Building PBX cluster

You can learn how to build a PBX cluster to have a redundant VoIP system and to be prepared for hardware failures. Start now

Lecture 8:
Call queue

In order to be able to accept a huge amount of simultaneous calls it is recommended to setup call queue. This guide show how. Start now

Lecture 9:
Advanced call queue

This guide demonstrates how to extend your existing call queue with most professional functionalities. Start now

Lecture 10:
Call queue with routing strategies

This article demonstrates how to extend your existing advanced call queue with routing strategies. Start now

Video tutorial 1:
Simple VoIP PBX

Video tutorial 2:
SIP authentication, dial plan

Video tutorial 3:
Call recording, virtual extension, text-to-speech

◄Go back to the Traning page

Start Course 3 and build an IVR now ►

More information

How to build a softphone with Ozeki VoIP SIP SDK
How to build a PBX phone system with Ozeki VoIP SIP SDK
How to build an IVR with Ozeki VoIP SIP SDK

Next: Simple VoIP PBX