phone-in-browser

About

Embed a "functional" phone in your web app.

Requirements

  1. phone-in-browser's CSS and JS files.
  2. Font Awesome v5.5.0
  3. Roboto Font
  4. jQuery v3.3.1

Usage

To try phone-in-browser, just create a HTML file and copy the codes below. This is the minimal setup.

<html>
    <head>
        <title>Example</title>

        <!-- Font Awesome -->
        <link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
        
        <!-- Roboto Font -->
        <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
        
        <!-- phone-in-browser CSS file -->
        <link rel="stylesheet" type="text/css" href="http://blog.hanmajid.com/css/phone-in-browser/phone-in-browser.min.css">
    </head>                
    <body>
        <div id="my-phone"></div>

        <!-- jQuery -->
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
        
        <!-- phone-in-browser JS file -->
        <script src="http://blog.hanmajid.com/js/phone-in-browser/phone-in-browser.min.js"></script>
        <script>
            <!-- initialize the phone-in-browser -->
            var ph = phone('#my-phone');
        </script>
    <body>
<html>

Options

[Developing...]

APIs

[Developing...]

Version

Still in development.