| <!DOCTYPE html>
|
| <html lang="vi">
|
| <head>
|
| <meta charset="UTF-8">
|
| <title>Kỹ thuật giấu tin trong ảnh (Steganography) - Trực tuyến</title>
|
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
|
| </head>
|
| <body>
|
| <div class="container">
|
| <div class="page-header">
|
| <h1>Công cụ giấu tin trong ảnh</h1>
|
| </div>
|
|
|
| <ul class="nav nav-tabs" id="tabs" data-tabs="tabs">
|
| <li role="presentation" class="active">
|
| <a href="#encode" data-toggle="tab">Giấu tin</a>
|
| </li>
|
| <li role="presentation">
|
| <a href="#decode" data-toggle="tab">Giải mã</a>
|
| </li>
|
| </ul>
|
|
|
| <div id="my-tab-content" class="tab-content">
|
|
|
| <div class="tab-pane active" id="encode">
|
| <div>
|
| <h2>Giấu tin vào ảnh</h2>
|
| <p class="alert alert-info">
|
| Để giấu một thông điệp vào ảnh, bạn chọn ảnh muốn sử dụng, nhập nội dung tin nhắn và bấm nút <strong>Giấu tin</strong>.<br/>
|
| Sau khi xong, bạn hãy lưu lại ảnh cuối cùng, ảnh này đã chứa thông điệp ẩn của bạn.<br/>
|
| Lưu ý: ảnh càng lớn càng giấu được nhiều thông tin hơn. Nếu bạn nhập quá nhiều chữ cho một ảnh nhỏ, hệ thống sẽ báo.<br/><br/>
|
| Lưu ý: Bạn chỉ được phép dùng CVNSS4.0 mới hiệu quả, xem thêm https://chuvnsongsong.com Ảnh và nội dung bạn giấu sẽ <strong>không bao giờ</strong> gửi lên mạng, tất cả thao tác đều xử lý trên trình duyệt của bạn.
|
| </p>
|
| <form class="form">
|
| <div class="form-group">
|
| <input class="form-control" type="file" name="baseFile" onchange="previewEncodeImage()">
|
| </div>
|
|
|
| <div class="form-group">
|
| <textarea class="form-control message" rows="3" placeholder="Nhập nội dung tin nhắn cần giấu ở đây"></textarea>
|
| </div>
|
|
|
| <div class="form-group">
|
| <button class="encode btn btn-default pull-right" onclick="encodeMessage()">Giấu tin</button>
|
| </div>
|
| </form>
|
| <div class="clearfix"></div>
|
| </div>
|
|
|
| <div class="error" style="display: none;"></div>
|
| <div class="binary" style="display: none;">
|
| <h3>Dạng nhị phân của tin nhắn</h3>
|
| <textarea class="form-control message" style="word-wrap:break-word;"></textarea>
|
| </div>
|
| <div class="images" style="display: none;">
|
| <div class="original" style="display: none;">
|
| <h3>Ảnh gốc</h3>
|
| <canvas></canvas>
|
| </div>
|
| <div class="nulled" style="display: none;">
|
| <h3>Ảnh chuẩn hóa</h3>
|
| <canvas></canvas>
|
| </div>
|
| <div class="message" style="display: none;">
|
| <h3>Ảnh đã giấu tin (chuột phải <span class="glyphicon glyphicon-arrow-right"></span> lưu ảnh)</h3>
|
| <canvas></canvas>
|
| </div>
|
| </div>
|
| </div>
|
|
|
|
|
| <div class="tab-pane" id="decode">
|
| <div>
|
| <h2>Giải mã tin trong ảnh</h2>
|
| <p class="alert alert-info">
|
| Để lấy nội dung đã được giấu, bạn chỉ cần chọn ảnh và bấm <strong>Giải mã</strong>.<br/><br/>
|
| Lưu ý: Ảnh và nội dung sẽ <strong>không bao giờ</strong> gửi lên mạng, mọi thao tác đều thực hiện trên máy bạn.
|
| </p>
|
| <form class="form">
|
| <div class="form-group">
|
| <input class="form-control" type="file" name="decodeFile" onchange="previewDecodeImage()">
|
| </div>
|
| <div class="form-group">
|
| <button class="decode btn btn-default pull-right" onclick="decodeMessage()">Giải mã</button>
|
| </div>
|
| </form>
|
| <div class="clearfix"></div>
|
| </div>
|
| <div class="binary-decode" style="display: none;">
|
| <h3>Nội dung đã giấu</h3>
|
| <textarea class="form-control message" style="word-wrap:break-word;"></textarea>
|
| </div>
|
| <div class="decode" style="display: none;">
|
| <h3>Ảnh đầu vào</h3>
|
| <canvas></canvas>
|
| </div>
|
| </div>
|
| </div>
|
|
|
| <footer style="text-align: center; margin-top: 20px; margin-bottom: 10px;">
|
| © 2025 bởi <a href="mailto:chuvnsongsong@gmail.com">Long Ngo</a> | 1 sản phẩm của CVNSS4.0
|
| </footer>
|
| </div>
|
|
|
| <style>
|
| canvas {
|
| max-width: 100%;
|
| }
|
| </style>
|
|
|
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
| <script type="text/JavaScript" src="script.js"></script>
|
| </body>
|
| </html>
|
|
|
